Why Use Storybook in 2022?
I’d prefer an independent take, warts and all, but this is a reasonable roundup of why Storybook is popular among users of component-driven frameworks. Write declarative stories, simulate your components in action, and share the results or use it as an internal directory. - https://storybook.js.org/blog/why-storybook-in-2022/
#storybook
I’d prefer an independent take, warts and all, but this is a reasonable roundup of why Storybook is popular among users of component-driven frameworks. Write declarative stories, simulate your components in action, and share the results or use it as an internal directory. - https://storybook.js.org/blog/why-storybook-in-2022/
#storybook
Storybook Blog
Why Storybook in 2022?
What's all the fuss about Storybook
👍7🍾1
React 18's New State Hook You've Never Heard About
We know videos are a hard sell, but Jack is at the top of his game right now, and this one has had rave reviews. It covers useSyncExternalStore from start to finish with a practical example and is well worth the watch. If you don’t like videos, the next item covers the same hook in written form. - https://www.youtube.com/watch?v=GMeQ51MCegI
#react
We know videos are a hard sell, but Jack is at the top of his game right now, and this one has had rave reviews. It covers useSyncExternalStore from start to finish with a practical example and is well worth the watch. If you don’t like videos, the next item covers the same hook in written form. - https://www.youtube.com/watch?v=GMeQ51MCegI
#react
YouTube
React 18's New State Hook You've Never Heard About
Code: https://github.com/jherr/syncexternalstore
👉 Practical Module Federation Book: https://module-federation.myshopify.com/products/practical-module-federation
👉 No BS TS (The Book): https://no-bs-ts.myshopify.com/
👉 I'm a host on the React Round-Up…
👉 Practical Module Federation Book: https://module-federation.myshopify.com/products/practical-module-federation
👉 No BS TS (The Book): https://no-bs-ts.myshopify.com/
👉 I'm a host on the React Round-Up…
👍6
Scraping Google Scholar Results with Node and Cheerio
Google may well block you from doing this, but the technique applies elsewhere too. - https://serpdog.io/blog/scrape-google-scholar-results
#nodejs
Google may well block you from doing this, but the technique applies elsewhere too. - https://serpdog.io/blog/scrape-google-scholar-results
#nodejs
Serpdog
How to Scrape Google Scholar Data - Serpdog
A complete tutorial on scraping Google Scholar Results using Node JS. This article covers every page of the Google Scholar website, which is rich in data and can be scraped easily.
👍2
6 VSCode Extensions Necessary for Vue 3 Development
Check out these VSCode extensions for Vue 3 development which can be installed and used directly through the VSCode extension center. - https://dev.to/chris1993/6-vscode-extensions-necessary-for-vue3-development-e6e
#vue
Check out these VSCode extensions for Vue 3 development which can be installed and used directly through the VSCode extension center. - https://dev.to/chris1993/6-vscode-extensions-necessary-for-vue3-development-e6e
#vue
DEV Community
6 VSCode Extensions Necessary for Vue3 Development🔥
Today, I will share 6 VSCode extensions necessary for Vue3 development, which can be installed and...
👍2
The horizontal overflow problem
Chen Hui Jing gives some advice on avoiding the horizontal overflow problem. - https://chenhuijing.com/blog/the-horizontal-overflow-problem
#css
Chen Hui Jing gives some advice on avoiding the horizontal overflow problem. - https://chenhuijing.com/blog/the-horizontal-overflow-problem
#css
Chenhuijing
The horizontal overflow problem
My good friend, Wei, has a pet peeve: unintended horizontal over-scrolling on mobile. Which is very different from intentional horizontal scrolling on mobile.
👍7
Typesafe Environment Config in Angular
How to configure a Typesafe environment in Angular - http://amp.gs/jG4un
#angular
How to configure a Typesafe environment in Angular - http://amp.gs/jG4un
#angular
👍3
8 GitHub Resources for Becoming a Developer in 2022
A list of resources that is useful for both beginners and people who are already familiar with programming. - http://amp.gs/jG4FI
#frontend
A list of resources that is useful for both beginners and people who are already familiar with programming. - http://amp.gs/jG4FI
#frontend
Medium
8 GitHub Resources for Becoming a Developer in 2022
A list of resources that is useful for both beginners and people who are already familiar with programming.
❤8👍3
Preact's Signals: A 'Fast-by-Default' Reactive State Primitive
They provide a reactive way of expressing state (in a natural way that feels like using plain values) such that apps stay fast regardless of complexity. It’s a Preact (a slimline React alternative) development, but it can be used with React through a monkeypatch. Note that Dan Abramov shares that the idea isn’t “very promising” for React’s future road map for various reasons. - http://amp.gs/jG4cF
#react #preact
They provide a reactive way of expressing state (in a natural way that feels like using plain values) such that apps stay fast regardless of complexity. It’s a Preact (a slimline React alternative) development, but it can be used with React through a monkeypatch. Note that Dan Abramov shares that the idea isn’t “very promising” for React’s future road map for various reasons. - http://amp.gs/jG4cF
#react #preact
👍8
👍4🔥1
How I Added Scroll Snapping To My Twitter Timeline
Šime Vidas shares how CSS Scroll Snap allows websites to snap the web page or any other scroll container to a specific scroll position when the user performs a scrolling operation. - http://amp.gs/jGRGQ
#css
Šime Vidas shares how CSS Scroll Snap allows websites to snap the web page or any other scroll container to a specific scroll position when the user performs a scrolling operation. - http://amp.gs/jGRGQ
#css
CSS-Tricks
How I Added Scroll Snapping To My Twitter Timeline | CSS-Tricks
CSS Scroll Snap allows websites to snap the web page or any other scroll container to a specific scroll position when the user performs a scrolling operation.
👍6
Unit Testing Vuex Modules with Jest
With Vuex's centralized state management, you can simplify your application and take advantage of Flux-like architecture. - http://amp.gs/jGRvS
#vue
With Vuex's centralized state management, you can simplify your application and take advantage of Flux-like architecture. - http://amp.gs/jGRvS
#vue
LogRocket Blog
Unit testing Vuex modules with Jest - LogRocket Blog
With Vuex's centralized state management, you can simplify your application and take advantage of Flux-like architecture.
👍4
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/jGRAp
#angular
In this article, I will talk about various code improvement points that you need to follow in your project to… - http://amp.gs/jGRAp
#angular
Medium
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 make the code more readable…
👍8
A React 'Bug' (Of Sorts..)
The details HTML element doesn’t seem to play well when used as a controlled component in React, as pointed out in this open GitHub issue. A quirk to be aware of. - http://amp.gs/jGRwV
#react
The details HTML element doesn’t seem to play well when used as a controlled component in React, as pointed out in this open GitHub issue. A quirk to be aware of. - http://amp.gs/jGRwV
#react
phelipetls.github.io
An apparent React bug
The details HTML element doesn’t seem to work well when used as a controlled
component in React, as pointed out in this open GitHub
issue. At first, I thought it
was a React bug, but at the end of my investigation while writing this, I
concluded it’s simply…
component in React, as pointed out in this open GitHub
issue. At first, I thought it
was a React bug, but at the end of my investigation while writing this, I
concluded it’s simply…
👍6
How Our Organization Improved Web Accessibility
Catherine Houle and Ilknur Eren share how their organization removes barriers for people who learn and think differently by combining accessibility and usability in their processes. - http://amp.gs/jGUCm
#css
Catherine Houle and Ilknur Eren share how their organization removes barriers for people who learn and think differently by combining accessibility and usability in their processes. - http://amp.gs/jGUCm
#css
Smashing Magazine
How Our Organization Improved Web Accessibility (Case Study) — Smashing Magazine
In this article, Catherine Houle and Ilknur Eren share how their organization “Understood” removes barriers for people who learn and think differently by combining accessibility and usability in their processes. They also cover basic steps on how to fix common…
👍2👏2🍌1
Clean Architecture: TypeScript Express API
By employing clean architecture, you can design applications with very low coupling and independent of… - http://amp.gs/jGU4N
#nodejs
By employing clean architecture, you can design applications with very low coupling and independent of… - http://amp.gs/jGU4N
#nodejs
👍5
How To Implement Micro-Frontend Architecture With Vue.js
Everything you need to know about microservice oriented architecture for the frontend from beginner to… - http://amp.gs/jGU3C
#vue
Everything you need to know about microservice oriented architecture for the frontend from beginner to… - http://amp.gs/jGU3C
#vue
Medium
How To Implement Micro-Frontend Architecture With Vue.js
Everything you need to know about microservice oriented architecture for the frontend from beginner to advanced
👍6🕊2
The Basics of Remix
Remix is an up and coming full stack Web framework with a lot of neat ideas. This introduction covers all the basics of handling routing, form handling, headers, meta tags and links to get you up and running. - http://amp.gs/jGUb7
#react #remix
Remix is an up and coming full stack Web framework with a lot of neat ideas. This introduction covers all the basics of handling routing, form handling, headers, meta tags and links to get you up and running. - http://amp.gs/jGUb7
#react #remix
CSS-Tricks
The Basics of Remix | CSS-Tricks
You’ve probably heard a lot of hype around one of the newest kids on the framework block, Remix. It may be surprising that it got its start back in 2019, but
👍3
Angular – Custom RxJS State Manager
All developers will work with a large data in the project. Early or lately simple solutions won’t work and…
- http://amp.gs/jGdBu
#angular
All developers will work with a large data in the project. Early or lately simple solutions won’t work and…
- http://amp.gs/jGdBu
#angular
Medium
Angular – Custom RxJS State Manager
All developers will work with a large data in the project. Early or lately simple solutions won’t work and for access or modify data You…
👍4
10 Awesome APIs for Every Web Developer in 2022
Here's a list of extremely useful and awesome APIs that every web developer can use for their next web projects in 2022. - http://amp.gs/jGdVy
#api #web
Here's a list of extremely useful and awesome APIs that every web developer can use for their next web projects in 2022. - http://amp.gs/jGdVy
#api #web
👍10👎1
Patterns of Enterprise Application Architecture
Organizing Domain Logic
- http://amp.gs/jGdJp
#pattern #architecture
Organizing Domain Logic
- http://amp.gs/jGdJp
#pattern #architecture
Medium
Patterns of Enterprise Application Architecture — Organizing Domain Logic
Summary of Chapter 2 and 3
👍4