Guidelines for Choosing a Node.js Framework
Hapi? Koa? Express? Slow down. Unlike a lot of articles, this one from late September doesn’t give you any specific framework suggestions, but instead arms you with what you should be looking at when weighing up your options. - http://amp.gs/jtctb
#nodejs
Hapi? Koa? Express? Slow down. Unlike a lot of articles, this one from late September doesn’t give you any specific framework suggestions, but instead arms you with what you should be looking at when weighing up your options. - http://amp.gs/jtctb
#nodejs
Simon Plenderleith
Guidelines for choosing a Node.js framework
With lots of frameworks, and lots of strong opinions about which is "best", it's easy to feel a little lost.
The Tao of React: Design, Architecture & Best Practices
The topic of 'best practices' is a perennially popular one in the React world with so many ways to approach each problem. So it's no surprise this post covering a variety of principles and attitudes for productively building resilient React apps for the long term went down so well. - http://amp.gs/jtcFY
#react
The topic of 'best practices' is a perennially popular one in the React world with so many ways to approach each problem. So it's no surprise this post covering a variety of principles and attitudes for productively building resilient React apps for the long term went down so well. - http://amp.gs/jtcFY
#react
Alexkondov
Tao of React - Software Design, Architecture & Best Practices
I’ve been working with React since 2016 and still there isn’t a single best practice when it comes to application structure and design. While there are best…
Building a Vue 3 Component Library
Component libraries are a great way to collect common UI solutions into a package that you can reuse across your own projects or share with the Vue open-source community. In this guide, you’ll learn the key steps to creating a Vue 3 component library. - http://amp.gs/jtbPU
#vue
Component libraries are a great way to collect common UI solutions into a package that you can reuse across your own projects or share with the Vue open-source community. In this guide, you’ll learn the key steps to creating a Vue 3 component library. - http://amp.gs/jtbPU
#vue
LogRocket Blog
Building a Vue 3 component library - LogRocket Blog
In this article, you can learn how to create a Vue 3 component library and publish it to npm, as well as publish the docs on GitHub Pages.
Angular Error Handling With SOLID Principles
Server logs is so important to detect application problems and it is for browsers as well - http://amp.gs/jmIjC
#angular
Server logs is so important to detect application problems and it is for browsers as well - http://amp.gs/jmIjC
#angular
Medium
Angular Error Handling With SOLID Principles
Server logs is so important to detect application problems and it is for browsers as well
Preference Queries
Stephanie Eckles reviews two best-supported media queries that can detect user preferences: prefers-reduced-motion and prefers-color-scheme. - http://amp.gs/jmIHd
#css
Stephanie Eckles reviews two best-supported media queries that can detect user preferences: prefers-reduced-motion and prefers-color-scheme. - http://amp.gs/jmIHd
#css
12daysofweb.dev
Preference Queries | 12 Days of Web
Some CSS media queries can detect user preferences. We'll review the two best-supported types for motion and color settings.
Writing Clean JavaScript Tests with the BASIC Principles
An introduction to applying five key principles to shorten, clean, and simplify JavaScript and Node.js-based test suites. - http://amp.gs/jm8Cu
#nodejs
An introduction to applying five key principles to shorten, clean, and simplify JavaScript and Node.js-based test suites. - http://amp.gs/jm8Cu
#nodejs
Medium
Writing clean JavaScript tests with the BASIC principles
Applying 5 key principles to shorten, clean, and simplify JavaScript and Node.js testing
React Architecture: How to Structure and Organize a React Application
The theme from the item above continues here ;-) Tania is always fantastic at explaining things, so we really liked her approach to explaining project structure, and it seems you did too. - http://amp.gs/jmTtC
#react
The theme from the item above continues here ;-) Tania is always fantastic at explaining things, so we really liked her approach to explaining project structure, and it seems you did too. - http://amp.gs/jmTtC
#react
Taniarascia
Tania Rascia
Notes & tutorials
Scale Web Application using Micro-Frontend Architecture
In the last few years, Single Page Application (SPA) has become the first choice for developing any web… - http://amp.gs/jmTcM
#microfrontends
In the last few years, Single Page Application (SPA) has become the first choice for developing any web… - http://amp.gs/jmTcM
#microfrontends
Medium
Scale Web Application using Micro-Frontend Architecture (aka microservices on the web)
In the last few years, Single Page Application (SPA) has become the first choice for developing any web application. As we start adding…
Everything You Have to Know About Core Web Vitals
Karolina Szczur explains what Core Web Vitals are and why you should be tracking them. - http://amp.gs/jmzsc
#web #vitals
Karolina Szczur explains what Core Web Vitals are and why you should be tracking them. - http://amp.gs/jmzsc
#web #vitals
Calibre - Site Speed Tools for Teams
Everything You Have to Know About Core Web Vitals - Calibre
Understand what Core Web Vitals are and why you should be tracking them.
Angular Developer RoadMap 2021
The 2021 RoadMap for Angular Developer. Ever heard about Angular in web development? Do you know what it is… - http://amp.gs/jm1r8
#angular
The 2021 RoadMap for Angular Developer. Ever heard about Angular in web development? Do you know what it is… - http://amp.gs/jm1r8
#angular
Medium
Angular Developer RoadMap 2021
The 2021 RoadMap for Angular Developer. Ever heard about Angular in web development? Do you know what it is and how can you build skills to…
A Practical Guide to Harlem
Harlem is an alternative to Vuex and claims to be an "unopinionated, lightweight, and extensible" state management library for Vue 3. - http://amp.gs/jmY7N
#vue
Harlem is an alternative to Vuex and claims to be an "unopinionated, lightweight, and extensible" state management library for Vue 3. - http://amp.gs/jmY7N
#vue
Devjavu
A Practical Guide to Harlem | Devjavu
This article assumes you have a basic understanding of Vue and Vuex.
Starting out with any frontend framework or library, state management is always a topic you look on the web to learn, for Vue, the first recommended option you would find is Vuex — a library…
Starting out with any frontend framework or library, state management is always a topic you look on the web to learn, for Vue, the first recommended option you would find is Vuex — a library…
Five Code Smells React Beginners Should Avoid
About to pull the trigger on your first big pull request for a high profile project? You should probably go through this checklist first. As an aside, if you're writing an article about React, this is the sort of headline that is catnip to readers, as long as you can deliver - http://amp.gs/jmYb4
#react
About to pull the trigger on your first big pull request for a high profile project? You should probably go through this checklist first. As an aside, if you're writing an article about React, this is the sort of headline that is catnip to readers, as long as you can deliver - http://amp.gs/jmYb4
#react
Medium
5 Code Smells React Beginners Should Avoid
Make sure to double-check your pull request for these things before you submit
A Comprehensive Guide to Error Handling in Node
Node offers up plenty of ways for errors to crop up and exceptions to be thrown – this post from last month skims through some of the main areas you may want to consider. - http://amp.gs/jmtFT
#nodejs
Node offers up plenty of ways for errors to crop up and exceptions to be thrown – this post from last month skims through some of the main areas you may want to consider. - http://amp.gs/jmtFT
#nodejs
Honeybadger Developer Blog
A Comprehensive Guide To Error Handling In Node.js
Errors happen in every application. Devs have to decide: do you write code to handle the error? Suppress it? Notify the user? Report it to the team? In this article, Ayo Isaiah walks us through every aspect of the JavaScript error system. He'll show us how…
Using Position Sticky With CSS Grid
Ahmad Shadeed shows how to make position sticky work with CSS grid items. - http://amp.gs/jmmAU
#css
Ahmad Shadeed shows how to make position sticky work with CSS grid items. - http://amp.gs/jmmAU
#css
Ahmad Shadeed Blog
Using Position Sticky With CSS Grid - Ahmad Shadeed
How to make position sticky work with CSS grid items
The State of Web Workers in 2021
The web is single-threaded, but two years ago Surma told us why to always use Web Workers and why to bring multithreading to your solutions despite the difficulties. Almost every client supports them now, so Surma made the case again. - http://amp.gs/jmm61
#javascript #webworkers
The web is single-threaded, but two years ago Surma told us why to always use Web Workers and why to bring multithreading to your solutions despite the difficulties. Almost every client supports them now, so Surma made the case again. - http://amp.gs/jmm61
#javascript #webworkers
Smashing Magazine
The State Of Web Workers In 2021 — Smashing Magazine
The web is single-threaded. This makes it increasingly hard to write smooth and responsive apps. Workers have a bad rep, but can be an important and useful tool in any web developer's toolbelt for these kinds of problems. Let’s get up to speed on Workers…
How To Ensure You Are Following The Best Coding Practices
Coding doesn’t have to be confusing or frustrating. As long as you and your team are following these best practices, you should be able to produce high-quality, consistent, and easy-to-read code you can use again and again. Here’s how to ensure you are following the best coding practices to create simple, readable, easy-to-edit, and reusable code. - http://amp.gs/jmZgu
#best #coding
Coding doesn’t have to be confusing or frustrating. As long as you and your team are following these best practices, you should be able to produce high-quality, consistent, and easy-to-read code you can use again and again. Here’s how to ensure you are following the best coding practices to create simple, readable, easy-to-edit, and reusable code. - http://amp.gs/jmZgu
#best #coding
👍1
Top React Component Libraries (2021 Edition)
We're doing a separate list of top code and tools items below, but if you want a one-stop shop for component libraries, the folks at Retool released a 2021 update of their list of top React libraries. - http://amp.gs/jmZ5f
#react
We're doing a separate list of top code and tools items below, but if you want a one-stop shop for component libraries, the folks at Retool released a 2021 update of their list of top React libraries. - http://amp.gs/jmZ5f
#react
Retool
Top React component libraries: 2021 edition
An overview of the top React component libraries , looking at popularity, use cases, documentation, resources, support, etc.
👍1
40+ Node.js Integration Test Best Practices
This popular repository digs into a variety of quick-fire patterns and practices for creating good component/integration tests. There’s also a demo app and examples to check out using Jest, Mocha, Express, Fastify and Nest.js. - http://amp.gs/jmpxQ
#nodejs
This popular repository digs into a variety of quick-fire patterns and practices for creating good component/integration tests. There’s also a demo app and examples to check out using Jest, Mocha, Express, Fastify and Nest.js. - http://amp.gs/jmpxQ
#nodejs
👍1
How to Build a Vue-Based Micro-Frontends Infrastructure
Learn how a Vue 3 micro-frontends infrastructure can offer you superior performance as well as improve your development cycle. - http://amp.gs/jmpqx
#vue
Learn how a Vue 3 micro-frontends infrastructure can offer you superior performance as well as improve your development cycle. - http://amp.gs/jmpqx
#vue
Medium
How to build a Vue-based micro-frontends infrastructure
Micro-frontend infrastructure can help you create better applications, regardless if you want to replace the app’s framework or not.