Shining a Light on Caustics with Shaders and React Three Fiber

A step-by-step guide on building a caustic light effect (like the light rays you might see refracting/reflecting off a surface) in a React Three Fiber project using shaders, render targets, normal maps, and custom materials. Beautiful! - https://blog.maximeheckel.com/posts/caustics-in-webgl/

#react

When To Use The Min() Or Max() Function

Temani Afif explains when you should use min() and max() functions. - https://css-tip.com/min-max

#css

The Angular Library Series - Building and Packaging

Building, packaging, and actually using our Angular library in a separate application. - https://medium.com/angular-in-depth/creating-a-library-in-angular-6-part-2-6e2bc1e14121

#angular

Oxlint: A New JS Linter '50-100x Faster' than ESLint?

Making tools as fast as possible is a common theme in the JavaScript world, and it's the MO for the JavaScript Oxidation Compiler toolkit. Oxlint is one of their tools that’s now GA. It's still early days, but when Evan You says “the performance is absolutely nuts” when running against the Vue 3 codebase, we sit up and listen. - https://oxc-project.github.io/blog/2023-12-12-announcing-oxlint.html

#oxlint

Learn @click event handler for VueJs

We virtually always use the @click event handler in our apps. This is one of the effective technologies that enables us to build dynamic and interactive user interfaces for our VueJs applications. We will go over every important aspect of the @click event handler in this blog post, along with practical examples and suggestions based on different use cases. - https://blog.jobins.jp/learn-click-event-handler-for-vuejs

#vue

Delicious 'Donut' Components

Donuts, in this case, aren’t merely a tasty snack, but a pattern for interleaving client and server components. Presented complete with some fantastic diagrams. - https://frontendatscale.com/blog/donut-components/

#react

The Best Way to Get NVM Working in CI/CD Systems - https://gagor.pl/2023/04/the-best-way-to-get-nvm-working-in-ci/cd-systems/

#nodejs

Big, beautiful, beefy focus states with :focus-visible

Dave Rupert shows how to use :focus-visible pseudo-state to create bigger, bolder, and more obvious focus states for your keyboard users. - https://daverupert.com/2024/01/focus-visible-love/

#css

How to mock NgRx Signal Stores for unit tests and Storybook play interaction tests

In this article, I show you two techniques for mocking Signal Stores, creating mock Signal Stores manually, and using the provideMockSignalStore function (it generates a mock version of a Signal Store) that’s designed to simplify the mocking process - https://www.angularaddicts.com/p/how-to-mock-ngrx-signal-stores

#angular

From Angular 14 to Angular 16

What I have changed in my coding approach - https://medium.com/@redin.gaetan/from-angular-14-to-angular-16-1804736e25d9

#angular

Building a Scalable Microservice Architecture for Nest.js Projects

In recent years, microservice architecture has gained significant popularity due to its ability to develop… - https://medium.com/widle-studio/mastering-microservices-in-nest-js-eb143a6b9639

#nodejs

Authenticating Vue Apps With Okta

Okta is a cloud-based platform for authentication and authorization. This article delves into authentication in Vue apps, exploring how implementing robust authentication solutions like Okta can resolve challenges related to user identity, data protection, and seamless user journeys. - https://dev.to/asayerio_techblog/authenticating-vue-apps-with-okta-7f1

#vue

Five Application Killing React 'Anti-Patterns'

Jack asked his viewers to submit ways that bad practices and anti-patterns had popped up in their apps. He goes over some here and suggests some countermeasures and mitigations. - https://www.youtube.com/watch?v=ZkQPxP4wlE8

#react

Master Angular 17.1 and 17.2

In this article, I list out the most important changes and new features, also share resources that will teach you how these new Angular features work - https://www.angularaddicts.com/p/master-angular-17-1-and-17-2

#angular

Is `* { min-width: 0; }` a good idea?

Kevin Powell outlines why using * { min-width: 0; } might not be a good idea while explaining in detail how flexbox sizing works and why. - https://www.youtube.com/watch?v=FD3aC_Ke8uk

#css

You’ve Got Options for Removing Event Listeners

A review of some of the most common approaches available to remove event listeners in JavaScript.  -https://macarthur.me/posts/options-for-removing-event-listeners

#javascript

Vue 3.3 defineModel: A simpler and more flexible way to create two-way binding

Vue 3.3 introduces a new macro called defineModel, which simplifies the process of creating two-way binding in Vue components. In this article the author explores how to leverage defineModel to create 2-way binding in your vue components. - https://codewithmrnerd.medium.com/vue-3-3-definemodel-a-simpler-and-more-flexible-way-to-create-two-way-binding-54f0a0032e93

#vue

The React Team Shares What It's Been Working On

It’s been eleven months since the last update, so a lot has happened. Work on React Compiler has progressed; it now powers Instagram’s production site. We also learn that React 19 is on the way and will include some breaking changes, particularly to support things like Web Components. Some of the latest developments in React Canary are also covered. Fingers crossed for May.. - https://react.dev/blog/2024/02/15/react-labs-what-we-have-been-working-on-february-2024

#react

Node's 2023, Summarized in An Article

Rafael, of the Node.js TSC and Fastify core team, shares a useful update on the evolution of Node.js over the past year, how the team ensures Node is well tested and reliable, changes to Node’s vendor dependencies, as well as enhancements to Node’s security and Web presence. - https://blog.rafaelgss.dev/nodejs-2023-year-in-review

#nodejs

How To Center a Div

Joshua Comeau created a fantastic, in-depth guide on centering in CSS. - https://www.joshwcomeau.com/css/center-a-div

#css

“Code Smells” in Angular

In one of my previous post I talked about “Clean Frontend Architecture” and principles that should be… - https://blog.bitsrc.io/code-smells-in-angular-ce73bf7db072

#angular