Testing React Apps in 2022 with Cypress: An In-Depth Guide for Beginners
Testing your React apps gives you a safety net. But getting started is cumbersome. Cypress makes it relatively easy and this guide shows you how with quite a detailed example that tests your app in a more similar way to how a real human might. - http://amp.gs/jGKdl
#react
The New Test Framework Built-In to Node 18.8+ Explained
We’ve mentioned it a few times, but here’s a bit more of a guided introduction to Node’s new ‘no-dependencies-required’ way to run test suites. - http://amp.gs/jG0Mb
#nodejs
Implementing a Promisable setTimeout
One of those explorations that’s more about learning about how things work under the hood, rather than to do anything useful. - http://amp.gs/jG04P
#javascript
Behavior-driven Development
Behavior-driven development (BDD) is about minimizing the feedback loop. It is a logical step forward in the… - http://amp.gs/jGJDV
#bdd #sdlc
Make a Nuxt.js Clone with Vue 3 and Vite
This article will be useful for those who want to write a Vue 3 application with custom server-side rendering. - http://amp.gs/jGJYP
#vue
CSS Grid and Custom Shapes
Temani Afif shows how to use CSS clip-path and mask to create fancy grids of images for just about any shape you can imagine. - http://amp.gs/jGuA8
#css
Functional Patterns with TypeScript
Exploring if you can have your cake and eat it to. - http://amp.gs/jGu1H
#typescript
How To Debug React Apps with VS Code
The basics of getting a debugging workflow set up for your React work with VS Code. - http://amp.gs/jGDdV
#react #debug
Domain-Driven Design (DDD) Best Practice with Node.js, MongoDB, and GraphQL - http://amp.gs/jGD8I
#nodejs
Understanding Watchers in Vue
Take a look at how watchers work in Vue and learn how to utilize them. - http://amp.gs/jGsoo
#vue
Critical CSS? Not So Fast!
Harry Roberts explains why in practice, in the real world, critical CSS often falls short as a fragile and expensive technique to implement and seldom provides the benefits that many developers expect. - http://amp.gs/jGsng
#css
Next.js 12.3 Features Walkthrough and Demo
Vercel’s VP of Developer Experience walks through the changes in the latest version of Next.js which we squeezed in to last week’s issue. If you don’t like video, you can read more about the release on Vercel’s blog. - https://www.youtube.com/watch?v=3UD7Y02AcN4
#react #nextjs
Angular: Organizing Features and Modules
Organizing features and modules is one of the most important things one can do when building an Angular… - http://amp.gs/jGKnQ
#angular
Outline is Your Friend
Manuel Matuzovic reminds you about the importance of the focus outline. - http://amp.gs/jG0JU
#css
Vue Tips: Optimize your Vue Apps with v-once and v-memo
v-once and v-memo provide useful and intuitive ways to reduce re-renders and optimise your code. Let's look at how they work. - http://amp.gs/jG0Bt
#vue
Do You Know About overflow: clip?
Kilian Valkhof explains how overflow: clip; works. - http://amp.gs/jGJF7
#css
React Memoization Guide with Examples
The first in a series digging into a popular (and often first) optimization technique. - http://amp.gs/jGJh2
#react
20+ Angular Code Improvement Tips You Need To Learn Now
In this article, I will talk about various code improvement points that you need to follow in your project to… - http://amp.gs/jGuan
#angular
Minimize Heap Allocations in Node.js
Note that this article gets some fundamentals wrong but you could still find the broader picture useful. Notably, V8 core team member Leszek Swirski responded with some corrections that will teach you a couple of things about V8’s memory organization on their own. - http://amp.gs/jGueC
#nodejs
The difference between Angular’s Emulated Shadow DOM and native Shadow DOM
In Angular, components styles can be encapsulated. There are three different encapsulation strategies… - http://amp.gs/jGDFs
#angular
Composition API - Registration Form Validation
Let's see how to implement client-side form validation functionality in Vue.js 3 Composition API for sign-up and login pages. - http://amp.gs/jGDkb
#vue
Hacking CSS Animation State and Playback Time
Lu Wang explains how and why to alter the properties of running CSS animations when building an interactive CSS game. - http://amp.gs/jGi3b
#css
Lerna & Module Federation for AWS micro-frontends
This article concludes my mini-series dedicated to a complete AWS architecture for Module-federated… - http://amp.gs/jGiBI
#microfrontend #lerna
Storing State in the URL with URLSearchParams
We love what the creator said about this: “I love this more than I can reasonably explain; it’s a generic React hook for storing state in the URL with the querystring/URLSeachParams. So handy for making shareable links.” - http://amp.gs/jGsDQ
#react
15 Game-Changing Tools in the Vue 3 Ecosystem
Some killer tools in the Vue 3 ecosystem that have made building applications with Vue.js much easier. - http://amp.gs/jGs8X
#vue