Better Reducers With Immer
If writing reducers by hand has left your code with a lot of bloat, you may want to relieve the tedium and potential for errors through the use of the lightweight Immer library to simply the process. - http://amp.gs/wH3n
#react #immer
If writing reducers by hand has left your code with a lot of bloat, you may want to relieve the tedium and potential for errors through the use of the lightweight Immer library to simply the process. - http://amp.gs/wH3n
#react #immer
Smashing Magazine
Better Reducers With Immer — Smashing Magazine
When working with React, we maintain a lot of state. To make updates to our state, we need to write a lot of reducers. In this article, we’re going to learn how to use Immer to write reducers, and more.
Using Node 14's New and Experimental Features
The goal is to create an application performance monitor using some of the new Node 14 features from optional chaining and nullish coalescing through to diagnostic reports and top-level await. - http://amp.gs/w222
#nodejs
The goal is to create an application performance monitor using some of the new Node 14 features from optional chaining and nullish coalescing through to diagnostic reports and top-level await. - http://amp.gs/w222
#nodejs
Medium
Creating an Application Performance Monitor Using Node 14 New and Experimental Features
Node v14 came with lots of new exciting features. Let's create an APM agent using the hottest new and experimental features 😱🔥
Create a Blog with Nuxt Content
The Content module is a git files based headless CMS that provides powerful features when it comes to write blogs, documentation sites or just adding content to any regular website. In this post we will go through most of the benefits of this module and discover how we can create a blog with it. - http://amp.gs/wwiZ
#vue
The Content module is a git files based headless CMS that provides powerful features when it comes to write blogs, documentation sites or just adding content to any regular website. In this post we will go through most of the benefits of this module and discover how we can create a blog with it. - http://amp.gs/wwiZ
#vue
Nuxt
Create a Blog with Nuxt Content
The Content module is a git files based headless CMS that provides powerful features when it comes to write blogs, documentation sites or just adding content to any regular website. In this post we will go through most of the benefits of this module and discover…
Elegantly Manage SVG Icons in Angular Applications
svg-icon is a small library that offers a solution to a big problem: How to incorporate svgs into your templates in an orderly and efficient way. - http://amp.gs/wFAp
#angular
svg-icon is a small library that offers a solution to a big problem: How to incorporate svgs into your templates in an orderly and efficient way. - http://amp.gs/wFAp
#angular
Medium
Elegantly Manage SVG Icons in Angular Applications
svg-icon is a small library that offers a solution to a big problem: How to incorporate svgs into your templates in an orderly and…
What's Coming in TypeScript 4?
The first beta of TypeScript 4 is due any moment with a final release due in August. New bits and pieces include variadic tuple types, labelled tuples, short-cut assignment operators (e.g. ||=) and more. - http://amp.gs/wXAm
#typescript
The first beta of TypeScript 4 is due any moment with a final release due in August. New bits and pieces include variadic tuple types, labelled tuples, short-cut assignment operators (e.g. ||=) and more. - http://amp.gs/wXAm
#typescript
httptoolkit.tech
What's coming in TypeScript 4?
TypeScript 4 is coming up fast: a first beta release is planned for this week (June 25th), with the final release aiming for mid-August. It…
A Deep Dive Into the React Context API
While your new application may start off with the noble goal of creating just a single component, almost inevitably there comes a time when it must be broken down into simpler building blocks. But that begets the problem of maintaining state which has its own complexities. Here are the fine details of how to simplify state management with the useContext hook. - http://amp.gs/wL9z
#react
While your new application may start off with the noble goal of creating just a single component, almost inevitably there comes a time when it must be broken down into simpler building blocks. But that begets the problem of maintaining state which has its own complexities. Here are the fine details of how to simplify state management with the useContext hook. - http://amp.gs/wL9z
#react
LogRocket Blog
React Context API: A deep dive with examples - LogRocket Blog
Review what the React Context API is, when we should use it to avoid prop drilling, and how we can use Context most effectively.
Progressively Enhance Your Progressive Web App
How to enhance your PWA so that it remains useful on all modern browsers, but delivers an advanced experience on browsers that support new capabilities like native file system access, system clipboard access, periodic background sync, web sharing features, and more. - http://amp.gs/wWgp
#pwa
How to enhance your PWA so that it remains useful on all modern browsers, but delivers an advanced experience on browsers that support new capabilities like native file system access, system clipboard access, periodic background sync, web sharing features, and more. - http://amp.gs/wWgp
#pwa
web.dev
Progressively enhance your Progressive Web App
Learn how to progressively enhance your Progressive Web App so that it remains useful on all modern browsers, but delivers an advanced experience on browsers that support new web capabilities like file system access, system clipboard access, contacts retrieval…
The 6 Levels of Reusability
In this beginner-friendly article, Michael Thiessen explains how to reduce code duplication through smart component design that focuses on reusability. - http://amp.gs/wa9t
#vue
In this beginner-friendly article, Michael Thiessen explains how to reduce code duplication through smart component design that focuses on reusability. - http://amp.gs/wa9t
#vue
Michaelnthiessen
The 6 Levels of Reusability - Michael Thiessen
We all want to write less code, but get more done. To make this happen, we build our components so they can be reused more than just once.
A Deep Dive Into Queues in Node.js
Find out what queueing in Node is all about, including how it works with the event loop, its various types, and how it can help with async operations. - http://amp.gs/woCC
#nodejs
Find out what queueing in Node is all about, including how it works with the event loop, its various types, and how it can help with async operations. - http://amp.gs/woCC
#nodejs
LogRocket Blog
A deep dive into queues in Node.js - LogRocket Blog
Find out what queueing in Node.js is all about. Learn how it works with the event loop, its various types, and how it can help with async operations.
Here's what you should know when creating flexible and reusable components in Angular
In this article we're going to explore the difference between ng-content and ng-template and see when to use which - http://amp.gs/wMGT
#angular
In this article we're going to explore the difference between ng-content and ng-template and see when to use which - http://amp.gs/wMGT
#angular
Ways to Create Components in React
We can always relate to any sort of analogy that involves LEGO. Components are like LEGO blocks. Now it all makes sense. That said, just as not all LEGO blocks are created equal, neither are components. Here’s a clear, concise differentiation between Class and Functional components in React. - http://amp.gs/w5n3
#react
We can always relate to any sort of analogy that involves LEGO. Components are like LEGO blocks. Now it all makes sense. That said, just as not all LEGO blocks are created equal, neither are components. Here’s a clear, concise differentiation between Class and Functional components in React. - http://amp.gs/w5n3
#react
Medium
Ways to Create Components in ReactJs.
According to official react documentation, a component is defined as:
ECMAScript Proposal: Private Static Methods and Accessors in Classes
Dr. Axel takes a look at another forthcoming language feature (in this case being at stage 3 and already supported by Babel and elsewhere). - http://amp.gs/wQIO
#javascript
Dr. Axel takes a look at another forthcoming language feature (in this case being at stage 3 and already supported by Babel and elsewhere). - http://amp.gs/wQIO
#javascript
Improve Your Developer Experience With Nuxt Components
Explore how you can import and register Vue components automatically using @nuxt/components module. - http://amp.gs/w6Ba
#vue
Explore how you can import and register Vue components automatically using @nuxt/components module. - http://amp.gs/w6Ba
#vue
Nuxt
Improve Your Developer Experience With Nuxt Components
Explore how you can import and register Vue components automatically using @nuxt/components module.
Leveraging Angular Prereleases to keep Ionic in Sync
Unlike other open source projects, Angular tries to bring a new major release at least twice a year. With each new release, Angular stands by its commitment to ensuring the upgrade process is easier every time. - http://amp.gs/w6Hz
#angular
Unlike other open source projects, Angular tries to bring a new major release at least twice a year. With each new release, Angular stands by its commitment to ensuring the upgrade process is easier every time. - http://amp.gs/w6Hz
#angular
Medium
Leveraging Angular Prereleases to keep Ionic in Sync
Unlike other open source projects, Angular tries to bring a new major release at least twice a year. With each new release, Angular stands…
How to Dynamically Get All CSS Custom Properties on a Page
Some fun DOM and stylesheet wrangling on display here. - http://amp.gs/wbkO
#javascript
Some fun DOM and stylesheet wrangling on display here. - http://amp.gs/wbkO
#javascript
CSS-Tricks
How to Get All Custom Properties on a Page in JavaScript | CSS-Tricks
We can use JavaScript to get the value of a CSS custom property. Robin wrote up a detailed explanation about this in Get a CSS Custom Property Value with
Beautiful React Hooks: A Collection of Custom React Hooks
Beautiful Interactions has been building up its library of custom React hooks for some time. It will speed and simplify your development by enabling the abstraction of components’ business logic. - http://amp.gs/wbsz
#react #hooks
Beautiful Interactions has been building up its library of custom React hooks for some time. It will speed and simplify your development by enabling the abstraction of components’ business logic. - http://amp.gs/wbsz
#react #hooks
GitHub
GitHub - antonioru/beautiful-react-hooks: 🔥 A collection of beautiful and (hopefully) useful React hooks to speed-up your components…
🔥 A collection of beautiful and (hopefully) useful React hooks to speed-up your components and hooks development 🔥 - GitHub - antonioru/beautiful-react-hooks: 🔥 A collection of beautiful and (hopef...
awesome-nodejs-security: A Curated List of Node.js Security Resources
Includes libraries like express-enforces-ssl and stories of incidents like the left-pad incident. - http://amp.gs/FI8e
#nodejs
Includes libraries like express-enforces-ssl and stories of incidents like the left-pad incident. - http://amp.gs/FI8e
#nodejs
GitHub
GitHub - lirantal/awesome-nodejs-security: Awesome Node.js Security resources
Awesome Node.js Security resources. Contribute to lirantal/awesome-nodejs-security development by creating an account on GitHub.
Progressive Web Apps: Practical Usage Guide
Another intro to PWA article, but this one covers things like the manifest.json and cache a little more in depth than the usual. - http://amp.gs/FIiI
#pwa
Another intro to PWA article, but this one covers things like the manifest.json and cache a little more in depth than the usual. - http://amp.gs/FIiI
#pwa
DEV Community
Progressive Web Apps: Practical Usage Guide
There are a lot of articles about PWA that tell in detail what it is and how to set it up. Yet you ma...
Angular 10 New Features and Ivy Compiler
The new features and breaking changes the Google-developed web framework brought to us. - http://amp.gs/FjgH
#angular
The new features and breaking changes the Google-developed web framework brought to us. - http://amp.gs/FjgH
#angular
Medium
What’s New in Angular 10
The new features and breaking changes the Google-developed web framework brought to us
5 Lessons From 50 Days of CSS Art
Suzanne Aitchison shares what she has learned from creating CSS art. - http://amp.gs/F8f4
#css
Suzanne Aitchison shares what she has learned from creating CSS art. - http://amp.gs/F8f4
#css
DEV Community
5 lessons from 50 days of CSS art
50 days ago I started out on my project for 100 Days Project Scotland - to create a piece of CSS art...