Better Micro Frontends and Design Systems with Independent Components
Why you should stop using tools and methodologies made for monolithic projects to develop and collaborate on… - http://amp.gs/jmhCa
#microfrontends
Why you should stop using tools and methodologies made for monolithic projects to develop and collaborate on… - http://amp.gs/jmhCa
#microfrontends
Medium
Better Micro Frontends and Design Systems with Independent Components
Why you should stop using tools and methodologies made for monolithic projects to develop and collaborate on modules.
How to Customize Styles in Material UI Components
Material UI provides a set of robust components for use in React apps, but what about when you want to tweak them a bit? - http://amp.gs/jmhJ6
#react
Material UI provides a set of robust components for use in React apps, but what about when you want to tweak them a bit? - http://amp.gs/jmhJ6
#react
How to Access ES Module Metadata Using import.meta
Learn how to access the meta-information (module URL, etc.) of an ES module from JavaScript code and see what useful information about the module you can access using import. meta. - http://amp.gs/jmvtc
#nodejs
Learn how to access the meta-information (module URL, etc.) of an ES module from JavaScript code and see what useful information about the module you can access using import. meta. - http://amp.gs/jmvtc
#nodejs
Vuex Sync - Part 1
Learn how this developer made a syncing framework that will sync Vuex with a backend. - http://amp.gs/jmvs7
#vue
Learn how this developer made a syncing framework that will sync Vuex with a backend. - http://amp.gs/jmvs7
#vue
matthewc.dev
Vuex Sync Part 1
This is the tale of how I wrote a state syncing framework based on vuex and rollback netcode. It took a few years and isn’t intended to be a “copy and paste” type of thing. I’ll be including code fragments and I’ll eventually post a cleaned up repo with only…
Level Up Your CSS Linting Using Stylelint
Rob O’Leary explains how to improve your code quality using Stylelint. - http://amp.gs/jmvcb
#css
Rob O’Leary explains how to improve your code quality using Stylelint. - http://amp.gs/jmvcb
#css
2021's JavaScript Rising Stars
Back for the 6th year running is this popular look at JavaScript projects that have continued to be popular on GitHub. Stars aren’t the only way to determine what projects are good, but it’s one way, and we tend to find it surfaces some worthwhile projects and libraries to check out. 2021 was a strong year for JavaScript and particularly for projects like Next.js, Vite, and zx! - http://amp.gs/jmggC
#javascript #rising #stars
Back for the 6th year running is this popular look at JavaScript projects that have continued to be popular on GitHub. Stars aren’t the only way to determine what projects are good, but it’s one way, and we tend to find it surfaces some worthwhile projects and libraries to check out. 2021 was a strong year for JavaScript and particularly for projects like Next.js, Vite, and zx! - http://amp.gs/jmggC
#javascript #rising #stars
risingstars.js.org
2021 JavaScript Rising Stars
A complete overview of the JavaScript landscape in 2021: trends about front-end and Node.js frameworks, React and Vue.js ecosystems, build tools, state management...
Fuite: A Tool for Finding Memory Leaks in Web Apps
Given the choice of “load up DevTools and do lots of work in the Performance tab” vs “run this script”, the latter sounds like the easier option.. and Fuite aims to make the process of detecting memory leaks in your Web pages as easy as that. - http://amp.gs/jmgcc
#javascript
Given the choice of “load up DevTools and do lots of work in the Performance tab” vs “run this script”, the latter sounds like the easier option.. and Fuite aims to make the process of detecting memory leaks in your Web pages as easy as that. - http://amp.gs/jmgcc
#javascript
Read the Tea Leaves
Introducing fuite: a tool for finding memory leaks in web apps
Debugging memory leaks in web apps is hard. The tooling exists, but it’s complicated, cumbersome, and often doesn’t answer the simple question: Why is my app leaking memory? Because of …
A Recap of React Conf 2021
React Conf took place online for the first time in 2021 and this is a fantastic summary of what took place along with videos of the talks and why you might watch some of them. The main keynote covered the state of concurrency, Suspense, server components, React Native, and more. - http://amp.gs/jmEsN
#react
React Conf took place online for the first time in 2021 and this is a fantastic summary of what took place along with videos of the talks and why you might watch some of them. The main keynote covered the state of concurrency, Suspense, server components, React Native, and more. - http://amp.gs/jmEsN
#react
Angular 13: What Makes it Tick for Enterprise Frontend Development?
Last month Angular team released a major upgrade of the framework with many groundbreaking features and improvements. Let’s get to see them all. - http://amp.gs/jmVVe
#angular
Last month Angular team released a major upgrade of the framework with many groundbreaking features and improvements. Let’s get to see them all. - http://amp.gs/jmVVe
#angular
Medium
Angular 13: What Makes it Tick for Enterprise Frontend Development?
Last month Angular team released a major upgrade of the framework with many groundbreaking features and improvements. Let’s get to see them…
Writing Better CSS
Aleksandr Hovhannisyan looks at various scenarios where modern techniques can reduce the complexity of your code and allow you to write better CSS. - http://amp.gs/jm97A
#css
Aleksandr Hovhannisyan looks at various scenarios where modern techniques can reduce the complexity of your code and allow you to write better CSS. - http://amp.gs/jm97A
#css
Aleksandrhovhannisyan
Writing Better CSS | Aleksandr Hovhannisyan
CSS has come a long way since the early days of web development. Learn how to write better CSS using modern strategies like the :is and :where pseudo-class functions, logical properties and values, clamp, gaps, and aspect-ratio.
JavaScript Developer Breaks Two Popular npm Packages
The creator of Faker.js and colors.js, two packages we’ve mentioned quite often, made some unorthodox commits to his projects recently that caused them to either disappear or break in interesting ways which resulted in GitHub suspending his access at one point. To be blunt, you want to be finding alternatives. The Register’s writeup is, perhaps, one of the more colorful. Dependencies continue to be risky and this story will surely trundle on. - http://amp.gs/jm48k
#nodejs #npm #news
The creator of Faker.js and colors.js, two packages we’ve mentioned quite often, made some unorthodox commits to his projects recently that caused them to either disappear or break in interesting ways which resulted in GitHub suspending his access at one point. To be blunt, you want to be finding alternatives. The Register’s writeup is, perhaps, one of the more colorful. Dependencies continue to be risky and this story will surely trundle on. - http://amp.gs/jm48k
#nodejs #npm #news
The Register
JavaScript dev deliberately screws up own popular npm packages to make a point of some sort
Faker.js and colors.js sabotaged by maker
A Visual Guide to useEffect
We have featured previous instalments of the author’s Visual Guide to React Rendering series (see useMemo and Props for example) and now he turns his attention to useEffect. His illustration of these concepts through a series of GIFs is both clever and effective, particularly for visual learners. - http://amp.gs/jmR0N
#react
We have featured previous instalments of the author’s Visual Guide to React Rendering series (see useMemo and Props for example) and now he turns his attention to useEffect. His illustration of these concepts through a series of GIFs is both clever and effective, particularly for visual learners. - http://amp.gs/jmR0N
#react
Alexsidorenko
A Visual Guide to useEffect
Side effects in React
The JS Self-Profiling API In Practice
It’s an API that allows webapps to control a sampling profiler for measuring client-side JavaScript execution times. Unsurprisingly it’s in Chrome 94+ only for now. - http://amp.gs/jmUv5
#javascript
It’s an API that allows webapps to control a sampling profiler for measuring client-side JavaScript execution times. Unsurprisingly it’s in Chrome 94+ only for now. - http://amp.gs/jmUv5
#javascript
Web Performance Calendar
JS Self-Profiling API In Practice
Table of Contents
The JS Self-Profiling API
What is Sampled Profiling?
Downsides to Sampled Profiling
API
Document Policy
API Shape
Sample Interval
Buffer
Who to Profile
When to Profile
Specific Operations
User Interactions…
The JS Self-Profiling API
What is Sampled Profiling?
Downsides to Sampled Profiling
API
Document Policy
API Shape
Sample Interval
Buffer
Who to Profile
When to Profile
Specific Operations
User Interactions…
Angular — Micro-Frontend
Everything you need to know about microservice oriented architecture for the frontend from beginner to advanced - http://amp.gs/jmdGQ
#angular
Everything you need to know about microservice oriented architecture for the frontend from beginner to advanced - http://amp.gs/jmdGQ
#angular
Medium
Angular — Micro-Frontend
Everything you need to know about microservice oriented architecture for the frontend from beginner to advanced
Using Node.js ES Modules and Top-Level await in AWS Lambda
Serverless AWS Lambda functions now support ES modules by way of the Node.js 14.x runtime. - http://amp.gs/jmOpa
#nodejs
Serverless AWS Lambda functions now support ES modules by way of the Node.js 14.x runtime. - http://amp.gs/jmOpa
#nodejs
Amazon
Using Node.js ES modules and top-level await in AWS Lambda | Amazon Web Services
Lambda functions now support ES modules in Node.js 14.x runtimes. ES modules support await at the top-level of function code. Using top-level await maximizes the effectiveness of provisioned concurrency and can reduce the latency experienced by end users…
CSS in 2022
Bramus Van Damme looks at which CSS language features we can expect to land in browsers in 2022. - http://amp.gs/jmOM6
#css #2022
Bramus Van Damme looks at which CSS language features we can expect to land in browsers in 2022. - http://amp.gs/jmOM6
#css #2022
Bram.us
CSS in 2022
With 2021 coming to an end, let's take a look at which CSS language features we can expect to land in browsers in 2022.
👍2
Is It Time for the JavaScript Temporal API?
“Date handling in JavaScript is a pain, it’s time for a proper Temporal API.” - http://amp.gs/jmS03
#javascript
“Date handling in JavaScript is a pain, it’s time for a proper Temporal API.” - http://amp.gs/jmS03
#javascript
On React Project Layout
The author makes the case that the layout of the src directory should be more standardized, similar to the approach taken by the highly opinionated Ruby on Rails. Here is his proposal for making this directory something other than the ‘wild west’. - http://amp.gs/jmNVf
#react
The author makes the case that the layout of the src directory should be more standardized, similar to the approach taken by the highly opinionated Ruby on Rails. Here is his proposal for making this directory something other than the ‘wild west’. - http://amp.gs/jmNVf
#react