How to Create a Reusable Modal Component in React
When using React, we strive to create reusable components as much as we can to limit the number of components and repetition. This keeps your code “DRY”. DRY is a concept you may have come across—it means “Don’t Repeat Yourself”. DRY is a coding prin...
https://www.freecodecamp.org/news/create-react-reusable-modal-component/
When using React, we strive to create reusable components as much as we can to limit the number of components and repetition. This keeps your code “DRY”. DRY is a concept you may have come across—it means “Don’t Repeat Yourself”. DRY is a coding prin...
https://www.freecodecamp.org/news/create-react-reusable-modal-component/
👍2
Component Composition is great btw
Component composition is one of the best parts of React, and I think we should take more time to break our components into manageable parts before littering one component with conditional renderings.
https://tkdodo.eu/blog/component-composition-is-great-btw
Component composition is one of the best parts of React, and I think we should take more time to break our components into manageable parts before littering one component with conditional renderings.
https://tkdodo.eu/blog/component-composition-is-great-btw
👍2😁2
The continuing tragedy of emoji on the web
https://nolanlawson.com/2024/09/17/the-continuing-tragedy-of-emoji-on-the-web/
https://nolanlawson.com/2024/09/17/the-continuing-tragedy-of-emoji-on-the-web/
👍2
A Complete Guide to Session Management in Next.js
Session management allows users to stay logged in across multiple tabs devices and maintains security by tracking user sessions.
https://clerk.com/blog/complete-guide-session-management-nextjs
Session management allows users to stay logged in across multiple tabs devices and maintains security by tracking user sessions.
https://clerk.com/blog/complete-guide-session-management-nextjs
👍4
Tauri adoption guide: Overview, examples, and alternatives
Tauri is an excellent toolkit for building lightweight, secure, and cross-platform desktop applications. Learn more in this guide.
https://blog.logrocket.com/tauri-adoption-guide/
Tauri is an excellent toolkit for building lightweight, secure, and cross-platform desktop applications. Learn more in this guide.
https://blog.logrocket.com/tauri-adoption-guide/
A guide to destructuring in JavaScript
Mat “Wilto” Marquis walks us through JavaScript destructuring, the rest operator and spread operator in a jam-packed guide.
https://piccalil.li/blog/a-guide-to-destructuring-in-javascript/
Mat “Wilto” Marquis walks us through JavaScript destructuring, the rest operator and spread operator in a jam-packed guide.
https://piccalil.li/blog/a-guide-to-destructuring-in-javascript/
❤2
What are Durable Functions? A visual JavaScript primer
Lydia Hallie's powerful animated illustrations cover the inner workings of Durable Functions.
https://www.inngest.com/blog/durable-functions-a-visual-javascript-primer
Lydia Hallie's powerful animated illustrations cover the inner workings of Durable Functions.
https://www.inngest.com/blog/durable-functions-a-visual-javascript-primer
Vite Creator Launches Company To Build JavaScript Toolchain
Evan You is reimagining the JavaScript toolchain that will be used by Vite. He’s founded a new company, VoidZero, to help him create it.
https://thenewstack.io/vite-creator-launches-company-to-build-javascript-toolchain/
Evan You is reimagining the JavaScript toolchain that will be used by Vite. He’s founded a new company, VoidZero, to help him create it.
https://thenewstack.io/vite-creator-launches-company-to-build-javascript-toolchain/
The New Stack
Vite Creator Launches Company To Build JavaScript Toolchain
Evan You is reimagining the JavaScript toolchain that will be used by Vite. He’s founded a new company, VoidZero, to help him create it.
Create a semantic breakout button to make an entire element clickable
https://piccalil.li/blog/create-a-semantic-break-out-button-to-make-an-entire-element-clickable/?ref=archive
https://piccalil.li/blog/create-a-semantic-break-out-button-to-make-an-entire-element-clickable/?ref=archive
The Pros and Cons of Web Components, Via Lit and Shoelace
If you are working in or leading a larger web implementation team, make sure you understand the possible benefits of a web component library.
https://thenewstack.io/the-pros-and-cons-of-web-components-via-lit-and-shoelace/
If you are working in or leading a larger web implementation team, make sure you understand the possible benefits of a web component library.
https://thenewstack.io/the-pros-and-cons-of-web-components-via-lit-and-shoelace/
The New Stack
The Pros and Cons of Web Components, Via Lit and Shoelace
If you are working in or leading a larger web implementation team, make sure you understand the possible benefits of a web component library.
1
Case Study: Federico Pian Portfolio — 2024
Learn how Federico Pian built his 2024 portfolio using Nuxt, GSAP, and TresJs, with insights into design inspiration, animation techniques, and seamless page transitions.
https://tympanus.net/codrops/2024/10/02/case-study-federico-pian-portfolio-2024/
Learn how Federico Pian built his 2024 portfolio using Nuxt, GSAP, and TresJs, with insights into design inspiration, animation techniques, and seamless page transitions.
https://tympanus.net/codrops/2024/10/02/case-study-federico-pian-portfolio-2024/
How to Improve Your Front-End Development Workflow with the ZenUI Library
Hello everyone! In this guide, you’ll learn about the powerful ZenUI Library. It’s a comprehensive, free collection of UI components and templates designed to enhance your development workflow and elevate your projects. Whether you’re a developer loo...
https://www.freecodecamp.org/news/improve-front-end-development-workflow-with-zenui-library/
Hello everyone! In this guide, you’ll learn about the powerful ZenUI Library. It’s a comprehensive, free collection of UI components and templates designed to enhance your development workflow and elevate your projects. Whether you’re a developer loo...
https://www.freecodecamp.org/news/improve-front-end-development-workflow-with-zenui-library/
Benchmarking the performance of CSS @property
What impact does @property have on the performance of your CSS?
https://web.dev/blog/at-property-performance
What impact does @property have on the performance of your CSS?
https://web.dev/blog/at-property-performance
❤2🔥1
New React 19 Features You Should Know — Explained with Code Examples
https://dev.to/usman_awan/new-react-19-features-you-should-know-explained-with-code-examples-4jce
https://dev.to/usman_awan/new-react-19-features-you-should-know-explained-with-code-examples-4jce
👍1🤬1
ESLint now officially supports linting of JSON and Markdown
A pluggable and configurable linter tool for identifying and reporting on patterns in JavaScript. Maintain your code quality with ease.
https://eslint.org/blog/2024/10/eslint-json-markdown-support/
A pluggable and configurable linter tool for identifying and reporting on patterns in JavaScript. Maintain your code quality with ease.
https://eslint.org/blog/2024/10/eslint-json-markdown-support/
👍6
Web Components Are Not the Future
A few years ago I wrote an article suggesting that Web Components might not be the most beneficial...
https://dev.to/ryansolid/web-components-are-not-the-future-48bh
A few years ago I wrote an article suggesting that Web Components might not be the most beneficial...
https://dev.to/ryansolid/web-components-are-not-the-future-48bh
Types of React Components [2024]
There are many types of React Components that make it difficult for React beginners. This tutorial goes through each React Component Type by example ...
https://www.robinwieruch.de/react-component-types/
There are many types of React Components that make it difficult for React beginners. This tutorial goes through each React Component Type by example ...
https://www.robinwieruch.de/react-component-types/
World Wide Web Foundation closes so Tim Berners-Lee can spend more time with his protocol
Who wants to join his so Solid crew?
https://www.theregister.com/2024/09/30/world_wide_web_foundation_closes/
Who wants to join his so Solid crew?
https://www.theregister.com/2024/09/30/world_wide_web_foundation_closes/
🔥1
Integrating AI features in Vue using Chrome’s `window.ai` API
The window.ai API integrates AI capabilities directly into the browser for more sophisticated client-side functionality without relying heavily on server-side processing.
https://blog.logrocket.com/chrome-new-window-ai-api-vue-app/
The window.ai API integrates AI capabilities directly into the browser for more sophisticated client-side functionality without relying heavily on server-side processing.
https://blog.logrocket.com/chrome-new-window-ai-api-vue-app/
🔥2👍1