How to Use Testing Library to Test Storybook
You may already be using Storybook to catalog all your key components states. Now you can re-use that logic with React Testing Library. - http://amp.gs/jIRq9
#react
You may already be using Storybook to catalog all your key components states. Now you can re-use that logic with React Testing Library. - http://amp.gs/jIRq9
#react
Medium
How to efficiently reuse stories in your React tests
Storybook is a great tool to develop UI in isolation, we all know that. However, it’s not only suitable for component libraries, contrary…
Improved Responsiveness for Improved Performance in Angular Apps
When working with responsive applications, it’s often the case that we need to toggle the visibility of some… - http://amp.gs/jIUmy
#angular
When working with responsive applications, it’s often the case that we need to toggle the visibility of some… - http://amp.gs/jIUmy
#angular
Medium
Improved Responsiveness for Improved Performance in Angular Apps
When working with responsive applications, it’s often the case that we need to toggle the visibility of some elements in our page, based…
Meet :has, A Native CSS Parent Selector (And More)
Adrian Bece explores what makes relational selector one of the most requested features and how are we, as developers, working around not having it. - http://amp.gs/jIUiz
#css
Adrian Bece explores what makes relational selector one of the most requested features and how are we, as developers, working around not having it. - http://amp.gs/jIUiz
#css
Smashing Magazine
Meet :has, A Native CSS Parent Selector (And More) — Smashing Magazine
What makes relational selector one of the most requested features and how are we, as developers, working around not having it? In this article, we’re going to check the early spec of the :has selector, and see how it should improve the CSS workflow once it’s…
How to Create a Monorepo for Multiple Node Packages
A step-by-step guide on how to use Lerna (a tool that optimizes the workflow around managing multi-package repositories with git and npm) to manage, and publish, two packages under the same monorepo. - http://amp.gs/jIdT4
#nodejs
A step-by-step guide on how to use Lerna (a tool that optimizes the workflow around managing multi-package repositories with git and npm) to manage, and publish, two packages under the same monorepo. - http://amp.gs/jIdT4
#nodejs
Seven Steps to Modernize and Optimize Your React App
The third and final article in this mini-series provides still more recommendations for making your app’s performance truly stellar. - http://amp.gs/jIdde
#react
The third and final article in this mini-series provides still more recommendations for making your app’s performance truly stellar. - http://amp.gs/jIdde
#react
Medium
7 Steps to Modernize and Optimize Your React App
The nature of the frontend environment and community, their tools and the tech stacks are transforming fast.
Angular Clean Architecture — Atomic Design
Introduction to Atomic Design - http://amp.gs/jIOp8
#angular
Introduction to Atomic Design - http://amp.gs/jIOp8
#angular
Medium
Angular Clean Architecture
Introduction to Atomic Design
Guide to using the Vue v3.1 Migration Build
Read how to migrate your Vue 2.x apps into Vue 3 with the newly released Migration Build - http://amp.gs/jIO5a
#vue
Read how to migrate your Vue 2.x apps into Vue 3 with the newly released Migration Build - http://amp.gs/jIO5a
#vue
v3.vuejs.org
Migration Build | Vue.js
Vue.js - The Progressive JavaScript Framework
The Plan for React 18
The React team has penned a post outlining all of the exciting things on the roadmap for the forthcoming React 18 - http://amp.gs/jIrWQ
#react
The React team has penned a post outlining all of the exciting things on the roadmap for the forthcoming React 18 - http://amp.gs/jIrWQ
#react
reactjs.org
The Plan for React 18 – React Blog
Update Nov. 15th, 2021 React 18 is now in beta. More information about the status of the release is available in the React 18 Working Group post. The React team is excited to share a few updates: We’ve started work on the React 18 release, which will be our…
Don't Use Functions As Callbacks Unless They're Designed for It
There's been a severe lack of Node blog posts this week, but this older one has been doing the rounds on social again, and it's fantastic enough to re-share :-) Callbacks can introduce added hidden complexity that can cause seemingly innocent code to break so it pays to be careful. - http://amp.gs/jISwm
#nodejs
There's been a severe lack of Node blog posts this week, but this older one has been doing the rounds on social again, and it's fantastic enough to re-share :-) Callbacks can introduce added hidden complexity that can cause seemingly innocent code to break so it pays to be careful. - http://amp.gs/jISwm
#nodejs
Jakearchibald
Don't use functions as callbacks unless they're designed for it
…same goes for option objects.
CSS Container Queries: Use-Cases And Migration Strategies
Adrian Bece explains CSS container query basics and how to use them today with progressive enhancement or polyfills. - http://amp.gs/jINiw
#css
Adrian Bece explains CSS container query basics and how to use them today with progressive enhancement or polyfills. - http://amp.gs/jINiw
#css
Smashing Magazine
CSS Container Queries: Use-Cases And Migration Strategies — Smashing Magazine
CSS Container queries bring media queries closer to the target elements themselves and enables them to adapt to virtually any given container or layout. In this article, we’re going to cover CSS container query basics and how to use them today with progressive…
Flutter Is About To Win Over the Web
The cross-platform framework offers the most compelling web development experience - http://amp.gs/jIAiK
#flutter
The cross-platform framework offers the most compelling web development experience - http://amp.gs/jIAiK
#flutter
Medium
Flutter Is About To Win Over the Web
The cross-platform framework offers the most compelling web development experience
Getting Started with webpack
If you’re already working with webpack, scroll on by, but otherwise this is a reasonable beginner-oriented introduction to the main concepts. - http://amp.gs/jIqq8
#webpack
If you’re already working with webpack, scroll on by, but otherwise this is a reasonable beginner-oriented introduction to the main concepts. - http://amp.gs/jIqq8
#webpack
❤1
Building a React Component Library — The Right Way
This instructive tutorial teaches how to build libraries differently and drastically change the way you structure any web project and collaborate on code. - http://amp.gs/jIsO1
#react
This instructive tutorial teaches how to build libraries differently and drastically change the way you structure any web project and collaborate on code. - http://amp.gs/jIsO1
#react
Medium
Building a React Component Library — The Right Way
Create an ultra-modular React component library: scalable, maintainable, and with a blazing-fast setup.
What’s new in Vue 3.1?
It has already been 8 months since v3.0.0, and here is the first minor version. In the meantime, 11 patch releases landed mainly with bug fixes and performance improvements, but also with some features and changes.
Let’s catch up with everything that happened since v3.0.0! - http://amp.gs/jIiSO
#vue
It has already been 8 months since v3.0.0, and here is the first minor version. In the meantime, 11 patch releases landed mainly with bug fixes and performance improvements, but also with some features and changes.
Let’s catch up with everything that happened since v3.0.0! - http://amp.gs/jIiSO
#vue
Ninja Squad
What’s new in Vue 3.1?
Vue 3.1 is out!
❤1
The Perfect Link
Rian Rietveld explains that there’s more to a link than just a clickable word or image. - http://amp.gs/jIDU0
#css
Rian Rietveld explains that there’s more to a link than just a clickable word or image. - http://amp.gs/jIDU0
#css
The A11Y Collective
The perfect link
There’s more to a link than just a clickable word or image. So, how do you create the perfect link? Rian tells you in our blog!
Is microfrontend the future?
Microfrontend enables the independence of development and deployment of Web apps while maintaining a fast… - http://amp.gs/jIu7S
#microfrontends
Microfrontend enables the independence of development and deployment of Web apps while maintaining a fast… - http://amp.gs/jIu7S
#microfrontends
Medium
Is microfrontend the future?
Microfrontend enables the independence of development and deployment of Web apps while maintaining a fast, cohesive user experience.
Why Angular is getting the highest preference among developers?
Angular is an open-source front-end framework developed by Google for creating dynamic, modern web apps… - http://amp.gs/jIJCs
#angular
Angular is an open-source front-end framework developed by Google for creating dynamic, modern web apps… - http://amp.gs/jIJCs
#angular
Medium
Why Angular is getting the highest preference among developers?
Angular is an open-source front-end framework developed by Google for creating dynamic, modern web apps. First introduced in 2009, the…
How to Create a Jumping Text Input Label
A short tutorial on implementing this increasingly popular technique for labelling form fields. Not sure what a ‘jumping text input label’ is, exactly? - http://amp.gs/jIJNu
#react
A short tutorial on implementing this increasingly popular technique for labelling form fields. Not sure what a ‘jumping text input label’ is, exactly? - http://amp.gs/jIJNu
#react
Medium
How to create fancy jumping text input labels
You can easily make them more delightful by adding a few design elements. This is how…
5 Advanced React Patterns
This article is an overview of 5 modern advanced React patterns, including integration codes, pros and cons, and concrete usage within public libraries. - http://amp.gs/jI0BO
#react
This article is an overview of 5 modern advanced React patterns, including integration codes, pros and cons, and concrete usage within public libraries. - http://amp.gs/jI0BO
#react