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
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
YouTube
Five React App Killing Anti-Patterns 🪦😱
Five viewer submitted ways that bad React practices and anti-patterns are killing their applications, and some solutions for each one.
👉 Upcoming NextJS course: https://pronextjs.dev
👉 Don't forget to subscribe to this channel for more updates: https://bit.ly/2E7drfJ…
👉 Upcoming NextJS course: https://pronextjs.dev
👉 Don't forget to subscribe to this channel for more updates: https://bit.ly/2E7drfJ…
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
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
Angularaddicts
Master Angular 17.1 and 17.2
A study guide that helps you learn what’s new since the 17.0 version of 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
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
YouTube
Is this a good idea?
After Adam Wathan, and then @t3dotgg both posted and talked about the min-width: 0 thing, I've been getting a lot of questions about what I think about it. Rather than just share my own opinion on it (which we will get into), I saw it as a fun opportunity…
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
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
Alex MacArthur
You’ve Got Options for Removing Event Listeners
Reviewing some of the most common approaches available to remove event listeners in 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
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
Medium
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. Two-way…
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
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
react.dev
React Labs: What We've Been Working On – February 2024 – React
The library for web and native user interfaces
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
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
blog.rafaelgss.dev
Node.js 2023 Year in An Article
Tech insights on Performance, Security and Node.js from Rafael Gonzaga, Node.js TSC member
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
Joshua Comeau created a fantastic, in-depth guide on centering in CSS. - https://www.joshwcomeau.com/css/center-a-div
#css
Joshwcomeau
How To Center a Div • Josh W. Comeau
Back in the day, centering an element was one of the trickiest things in CSS. As the language has evolved, we’ve been given lots of new tools we can use… But how do we pick the best option? When do we use Flexbox, or CSS Grid, or something else? Let's dig…
“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
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
Medium
What are Code Smells in Angular?
In one of my previous post I talked about “Clean Frontend Architecture” and principles that should be followed in order to positively…
Quick guide to add websocket to Nuxt 3
In this article, the author explores quick a solution to attaching a websocket within a Nuxt 3 project. - https://dev.to/mellewynia/quick-guide-to-add-websocket-to-nuxt-3-4bi4
#vue
In this article, the author explores quick a solution to attaching a websocket within a Nuxt 3 project. - https://dev.to/mellewynia/quick-guide-to-add-websocket-to-nuxt-3-4bi4
#vue
DEV Community
Quick guide to add websocket to Nuxt 3
I found it quite challenging to add websockets to Nuxt 3. The docs on how Nuxt 3 is glued together...
Remix Vite Now Stable; Gets an SPA Mode
Remix is a full-stack web framework built atop React Router that compiles apps into both server and client-side portions that interoperate seamlessly. Support for Vite is now stable in Remix v2.7, with a significant enhancement being a new SPA mode that doesn’t require a JS server in production while maintaining many of Remix’s conventions and benefits. - https://remix.run/blog/remix-vite-stable
#react #remix
Remix is a full-stack web framework built atop React Router that compiles apps into both server and client-side portions that interoperate seamlessly. Support for Vite is now stable in Remix v2.7, with a significant enhancement being a new SPA mode that doesn’t require a JS server in production while maintaining many of Remix’s conventions and benefits. - https://remix.run/blog/remix-vite-stable
#react #remix
remix.run
Remix Vite is Now Stable
Support for Vite is now stable in Remix v2.7.
Preventing SQL Injection Attacks in Node
Learn more about why and where SQL injection attacks pose a threat and some initial ways to shield your Node apps against them. - https://snyk.io/blog/preventing-sql-injection-attacks-node-js/
#nodejs
Learn more about why and where SQL injection attacks pose a threat and some initial ways to shield your Node apps against them. - https://snyk.io/blog/preventing-sql-injection-attacks-node-js/
#nodejs
Snyk
Preventing SQL injection attacks in Node.js | Snyk
In this article, you'll learn more about why SQL injection attacks pose a significant threat and how to shield your Node.js applications against them.
10 Interview Questions Every JS Developer Should Know in 2024
I’d usually shy away from a list-based post on Medium, but this is a good exception. As a rare example of a top-notch developer who's also involved in hiring other developers, Eric provides useful advice. - https://medium.com/javascript-scene/10-interview-questions-every-javascript-developer-should-know-in-2024-c1044bcb0dfb
#interview
I’d usually shy away from a list-based post on Medium, but this is a good exception. As a rare example of a top-notch developer who's also involved in hiring other developers, Eric provides useful advice. - https://medium.com/javascript-scene/10-interview-questions-every-javascript-developer-should-know-in-2024-c1044bcb0dfb
#interview
Medium
10 Interview Questions Every JavaScript Developer Should Know in 2024
The world of JavaScript has evolved significantly, and interview trends have changed a lot over the years. This guide features 10 essential…
Vue.js Parallel Fetching improves LCP and FCP
This article focuses on Vue.js, a popular JavaScript framework, and how you can use it to enhance Largest Contentful Paint (LCP) and First Contentful Paint (FCP) through parallel fetching of component files and images. - https://medium.com/@m.kiselyow/vue-js-parallel-fetching-improves-lcp-and-fcp-289f0898badc
#vue
This article focuses on Vue.js, a popular JavaScript framework, and how you can use it to enhance Largest Contentful Paint (LCP) and First Contentful Paint (FCP) through parallel fetching of component files and images. - https://medium.com/@m.kiselyow/vue-js-parallel-fetching-improves-lcp-and-fcp-289f0898badc
#vue
Medium
Vue.js Parallel Fetching improves LCP and FCP
In the world of web development, fast-loading websites are non-negotiable. Two key performance metrics, Largest Contentful Paint (LCP) and…
Going beyond pixels and (r)ems in CSS - Relative length units based on the viewport
Brecht De Ruyte explains some common pitfalls when using viewport units. - https://techhub.iodigital.com/articles/going-beyond-pixels-and-rems-in-css/relative-length-units-based-on-the-viewport
#css
Brecht De Ruyte explains some common pitfalls when using viewport units. - https://techhub.iodigital.com/articles/going-beyond-pixels-and-rems-in-css/relative-length-units-based-on-the-viewport
#css
iO tech_hub
Going beyond pixels and (r)ems in CSS - Relative length units based on the viewport - iO tech_hub
In this second part of the series, let’s talk about units based on the viewport also known as "the viewport-percentage length units". A lot of developers know these, but they can create some unexpected behavior, especially in combination with scrollbars and…
Building a CLI App with React and Ink
Why? Why not? This isn’t a tutorial, but more a look at just how simply such an app can come together. - https://www.nico.fyi/blog/react-ink-cli-chat-supabase
#react
Why? Why not? This isn’t a tutorial, but more a look at just how simply such an app can come together. - https://www.nico.fyi/blog/react-ink-cli-chat-supabase
#react
Nico's Blog
Make CLI app with React
Why not right? React is cool!
How To Draw Radar Charts In Web
Preethi Sam demonstrates the process of creating radar charts on the web. - https://www.smashingmagazine.com/2024/02/draw-radar-charts-web
#css
Preethi Sam demonstrates the process of creating radar charts on the web. - https://www.smashingmagazine.com/2024/02/draw-radar-charts-web
#css
Smashing Magazine
How To Draw Radar Charts In Web — Smashing Magazine
A radar chart — also commonly called a spider chart — is yet another way to visualize data and make connections. Radar charts are inherently geometric, making them both a perfect fit and fun to make with CSS, thanks to the `polygon()` function. Read along…
Run Node.js Apps on the Edge with RHEL and Fedora
IoT, in this case. - https://developers.redhat.com/articles/2024/02/21/run-nodejs-applications-edge-rhel-and-fedora#the_software
#nodejs
IoT, in this case. - https://developers.redhat.com/articles/2024/02/21/run-nodejs-applications-edge-rhel-and-fedora#the_software
#nodejs
Red Hat Developer
Run Node.js applications on the edge with RHEL and Fedora | Red Hat Developer
As the cost to performance ratio of small computer systems improves, more and more enterprises are moving from simpler IoT systems to deploying devices that can do more processing at the edge. As part
Converting Observables to Signals in Angular: What You Need to Know
Angular v16 comes with a new package named rxjs-interop, which introduces the toSignal function that converts… - https://netbasal.com/converting-observables-to-signals-in-angular-what-you-need-to-know-4f5474c765a0
#angular
Angular v16 comes with a new package named rxjs-interop, which introduces the toSignal function that converts… - https://netbasal.com/converting-observables-to-signals-in-angular-what-you-need-to-know-4f5474c765a0
#angular
Medium
Converting Observables to Signals in Angular: What You Need to Know
Angular v16 comes with a new package named rxjs-interop, which introduces the toSignal function that converts an observable to a signal. In…
Handling Asynchronous Promises with Vue.js 3 Suspense API
Vue.js 3 introduced various compelling features, including the suspense API component boundary. This API proves invaluable when dealing with asynchronous requests. In this article, explore the Vue.js 3 Suspense API for efficient asynchronous data loading. - https://javascript.plainenglish.io/handling-asynchronous-promises-with-vue-js-3-suspense-api-5ad566e7381b
#vue
Vue.js 3 introduced various compelling features, including the suspense API component boundary. This API proves invaluable when dealing with asynchronous requests. In this article, explore the Vue.js 3 Suspense API for efficient asynchronous data loading. - https://javascript.plainenglish.io/handling-asynchronous-promises-with-vue-js-3-suspense-api-5ad566e7381b
#vue
Medium
Handling Asynchronous Promises with Vue.js 3 Suspense API
Explore the Vue.js 3 Suspense API for Efficient Asynchronous Data Loading