Everything About React Concurrent 'Mode'
An in-depth, example-led exploration of Concurrent Mode (now more a set of features integrated into React 18 than a distinct 'mode') to understand what problems it solves, how it works and how to leverage it. - https://blog.codeminer42.com/everything-you-need-to-know-about-concurrent-react-with-a-little-bit-of-suspense/
#react
An in-depth, example-led exploration of Concurrent Mode (now more a set of features integrated into React 18 than a distinct 'mode') to understand what problems it solves, how it works and how to leverage it. - https://blog.codeminer42.com/everything-you-need-to-know-about-concurrent-react-with-a-little-bit-of-suspense/
#react
The Miners - Codeminer42’s Engineering Blog
Everything you need to know about Concurrent React (with a little bit of Suspense) And why it's a game changer - The Miners
Table of Contents Intro The Problem Synchronous Rendering The Solution Concurrent List Filtering Concurrent Rendering ~ Branching Workflow Concurrent Features Transitions Deferred Values Suspense Additional Considerations Suspension Points Low Priority and…
👍4
API Architectural Styles
Two separate application/system needs an intermediary to talk to each other and developers often build… - https://devaraj-durairaj.medium.com/api-architectural-styles-c16237d981ec
#api
Two separate application/system needs an intermediary to talk to each other and developers often build… - https://devaraj-durairaj.medium.com/api-architectural-styles-c16237d981ec
#api
Medium
API Architectural Styles
Two separate application/system needs an intermediary to talk to each other and developers often build bridges — Application Programming…
👍4😁1
CSS image()
Kevin Powell explains how the image() function adds new features to enhance the capabilities of background-image declarations. - https://12daysofweb.dev/2022/css-image
#css
Kevin Powell explains how the image() function adds new features to enhance the capabilities of background-image declarations. - https://12daysofweb.dev/2022/css-image
#css
12daysofweb.dev
CSS image() | 12 Days of Web
The working draft for image() proposes new features to enhance the capabilities of background-image declarations.
👍6
Fundamental Software Architectural Patterns
Patterns are essentially reusable solutions to common problems. When faced with a problem it is reasonable to… - https://medium.com/@liams_o/fundamental-software-architectural-patterns-663440c5f9a5
#architecture
Patterns are essentially reusable solutions to common problems. When faced with a problem it is reasonable to… - https://medium.com/@liams_o/fundamental-software-architectural-patterns-663440c5f9a5
#architecture
Medium
Fundamental Software Architectural Patterns
Patterns are essentially reusable solutions to common problems. When faced with a problem it is reasonable to consider a catalog of…
👍4
Node.js Best Practices for Beginners and Advanced Users Alike
Best back-end practices for beginners and advanced users alike. - https://javascript.plainenglish.io/node-js-backend-engineers-best-practices-overview-for-beginner-to-advance-caae74b53df
#nodejs
Best back-end practices for beginners and advanced users alike. - https://javascript.plainenglish.io/node-js-backend-engineers-best-practices-overview-for-beginner-to-advance-caae74b53df
#nodejs
Medium
Node.js Best Practices for Beginners and Advanced Users Alike
Best back-end practices for beginners and advanced users alike.
👍6
Data Binding in React
There’s a consistent philosophy in React when it comes to data binding, says Josh in this beginner-to-intermediate aimed tutorial demonstrating React’s data binding capabilities in the context of wiring up different types of form input controls. - https://www.joshwcomeau.com/react/data-binding/
#react
There’s a consistent philosophy in React when it comes to data binding, says Josh in this beginner-to-intermediate aimed tutorial demonstrating React’s data binding capabilities in the context of wiring up different types of form input controls. - https://www.joshwcomeau.com/react/data-binding/
#react
Joshwcomeau
Data binding in React: how to work with forms in React • Josh W. Comeau
As developers, we don't like working with forms, but they're a critical part of most web applications! In this tutorial, you'll learn exactly how to wire up all of the different form controls in React. Never forget how to data-bind a checkbox or radio button…
👍4
Shared Modules in Module Federation Microfrontends
This article will explain how to share modules and libraries between different federated microfrontend… - https://levelup.gitconnected.com/shared-modules-in-module-federation-microfrontends-a547f77e7b54
#microfrontends
This article will explain how to share modules and libraries between different federated microfrontend… - https://levelup.gitconnected.com/shared-modules-in-module-federation-microfrontends-a547f77e7b54
#microfrontends
Medium
Shared Modules in Module Federation Microfrontends
This article will explain how to share modules and libraries between different federated microfrontend modules
👍3
Build 3D visuals in Vue with Lunchbox.js - https://blog.logrocket.com/build-3d-visuals-vue-lunchbox-js/
#vue
#vue
LogRocket Blog
Build 3D visuals in Vue with Lunchbox.js - LogRocket Blog
In this article, we introduce the core concepts of Lunchbox.js and demonstrate how to use this tool to create 3D visuals in Vue.
👍2
A Few Times Container Size Queries Would Have Helped Me Out
Dan Christofi shares a few practical use-cases for Container Queries. - https://css-tricks.com/a-few-times-container-size-queries-would-have-helped-me-out
#css
Dan Christofi shares a few practical use-cases for Container Queries. - https://css-tricks.com/a-few-times-container-size-queries-would-have-helped-me-out
#css
CSS-Tricks
A Few Times Container Size Queries Would Have Helped Me Out | CSS-Tricks
CSS Container Queries are still gaining traction and many of us are getting our hands wet with them, even if it’s for little experiments or whatnot. They’ve
👍4
WebSockets vs. Server-Sent Events
Difference Between Server-Sent-Events and WebSockets - https://blog.bitsrc.io/websockets-vs-server-sent-events-968659ab0870
#server #communicaton
Difference Between Server-Sent-Events and WebSockets - https://blog.bitsrc.io/websockets-vs-server-sent-events-968659ab0870
#server #communicaton
Medium
WebSockets vs. Server-Sent Events
Difference Between Server-Sent-Events and WebSockets
👍5
Implementing CSS Style Inheritance in React Native
Ever wonder why applying styles to a button’s text doesn’t work in React Native? The solution involves re-creating some of CSS’s cascading mechanisms. - https://www.builder.io/blog/implementing-css-style-inheritance-in-react-native
#react
Ever wonder why applying styles to a button’s text doesn’t work in React Native? The solution involves re-creating some of CSS’s cascading mechanisms. - https://www.builder.io/blog/implementing-css-style-inheritance-in-react-native
#react
Builder.io
Implementing CSS Style Inheritance in React Native
Ever wondered why applying text styles to a button's text doesn't work in React Native? The solution involves re-creating some of CSS's cascading mechanisms.
👍3
Top LeetCode Patterns for FAANG Coding Interviews
Coding patterns enhance our “ability to map a new problem to an already known problem.” - https://interviewnoodle.com/top-leetcode-patterns-for-faang-coding-interviews-bdbe8766534c
#leetcode #interview #faang
Coding patterns enhance our “ability to map a new problem to an already known problem.” - https://interviewnoodle.com/top-leetcode-patterns-for-faang-coding-interviews-bdbe8766534c
#leetcode #interview #faang
Medium
Top Coding Patterns for FAANG Coding Interviews
Coding patterns enhance our “ability to map a new problem to an already known problem.”
👍5❤1
New Viewport Units
Eric A. Meyer reviews newly available units to manage space within the large, small, and dynamic viewport spaces. - https://12daysofweb.dev/2022/new-viewport-units/
#css
Eric A. Meyer reviews newly available units to manage space within the large, small, and dynamic viewport spaces. - https://12daysofweb.dev/2022/new-viewport-units/
#css
12daysofweb.dev
New Viewport Units | 12 Days of Web
Review newly available units to manage space within the large, small, and dynamic viewport spaces.
👍8
How to Choose the Right UI Component Library
Using a component library instead of coding your own is a great time saver for any project really. It allows you to focus on building what you want, using a pre-set list of basic building blocks. - https://blog.bitsrc.io/how-to-choose-the-right-ui-component-library-520c080cbe72
#lib #ui
Using a component library instead of coding your own is a great time saver for any project really. It allows you to focus on building what you want, using a pre-set list of basic building blocks. - https://blog.bitsrc.io/how-to-choose-the-right-ui-component-library-520c080cbe72
#lib #ui
Medium
How to Choose the Right UI Component Library
What is the best UI library for JavaScript Web Development?
👍4
Sandboxing with Partytown
Partytown provides a way to run third party scripts within a Web Worker rather than on the main thread. Could this be used for sandboxing? Weston tried it out and concluded it’s not quite there. - https://weston.ruter.net/2022/11/30/sandboxing-with-partytown/
#javascript
Partytown provides a way to run third party scripts within a Web Worker rather than on the main thread. Could this be used for sandboxing? Weston tried it out and concluded it’s not quite there. - https://weston.ruter.net/2022/11/30/sandboxing-with-partytown/
#javascript
Weston Ruter
Sandboxing with Partytown - Weston Ruter
Partytown is a “library to help relocate resource intensive scripts into a web worker, and off of the main thread. Its goal is to help speed up sites by dedicating the main thread to your code, and offloading third-party scripts to a web worker.” Code running…
👍3
Harlem 3.0: Simple Extensible State Management for Vue 3
Provides a simple functional API for creating, reading, and mutating state. - https://harlemjs.com/
#vue
Provides a simple functional API for creating, reading, and mutating state. - https://harlemjs.com/
#vue
Harlemjs
Harlem | Harlem
Powerfully simple global state management for Vue 3
👍3
1000 and 1 questions about building an open-source library. Front-end developer answers
When building your open-source library, you’re likely to have many questions. Front-end developer from @inDriveTech also faced some problems trying to create one. To help beginner engineers, he gathered his experience into the guide. Go to the Medium article to learn everything about building an open-source library.
When building your open-source library, you’re likely to have many questions. Front-end developer from @inDriveTech also faced some problems trying to create one. To help beginner engineers, he gathered his experience into the guide. Go to the Medium article to learn everything about building an open-source library.
Medium
A Beginner’s Guide to Developing an Open-Source Library: Advice From a Front-End Developer
When building your own open-source library, you’re likely to have a number of questions. I was once new to the process too. When I launched…
👍8❤3👏1
FrontEnd Development pinned «1000 and 1 questions about building an open-source library. Front-end developer answers When building your open-source library, you’re likely to have many questions. Front-end developer from @inDriveTech also faced some problems trying to create one. To help…»
Angular Routing — Reusing common layout for pages from different modules
Use common layout for different pages with Angular router… - https://medium.com/angular-in-depth/angular-routing-reusing-common-layout-for-pages-from-different-modules-440a23f86b57
#angular
Use common layout for different pages with Angular router… - https://medium.com/angular-in-depth/angular-routing-reusing-common-layout-for-pages-from-different-modules-440a23f86b57
#angular
Medium
How to reuse common layouts in Angular using Router
Use common layout for different pages with Angular router…
👍5❤1🔥1