Learn Box Alignment
Ahmad Shadeed created an interactive tutorial to help you learn the basics of box alignment in Flexbox and Grid. - http://amp.gs/0nI7
#css
Ahmad Shadeed created an interactive tutorial to help you learn the basics of box alignment in Flexbox and Grid. - http://amp.gs/0nI7
#css
Ahmad Shadeed Blog
Learn Box Alignment - Ahmad Shadeed
Ahmad Shadeed - Learn Box Alignment
An Approach to Persisting React State in localStorage
An approach to creating a custom hook to abstract away making preferences (such as common default form options) ‘sticky’ between uses. - http://amp.gs/0GIk
#react
An approach to creating a custom hook to abstract away making preferences (such as common default form options) ‘sticky’ between uses. - http://amp.gs/0GIk
#react
Joshwcomeau
Persisting React State in localStorage
A common thing in React development is that we want to store a bit of React state in localStorage, and re-initialize from that value on the next page-load. This quick tutorial shows you how we can build a custom hook that does exactly this!
A Growing Collection of 86 Node.js Best Practices
An in-depth guide for Node devs, available in multiple languages. Divided into 7 sections and updated regularly. This was a very popular item last year, but Yoni reached out to say it’s been updated and has also passed 40K GitHub stars – congratulations. - http://amp.gs/0x1A
#nodejs
An in-depth guide for Node devs, available in multiple languages. Divided into 7 sections and updated regularly. This was a very popular item last year, but Yoni reached out to say it’s been updated and has also passed 40K GitHub stars – congratulations. - http://amp.gs/0x1A
#nodejs
GitHub
GitHub - goldbergyoni/nodebestpractices: :white_check_mark: The Node.js best practices list (July 2023)
:white_check_mark: The Node.js best practices list (July 2023) - GitHub - goldbergyoni/nodebestpractices: :white_check_mark: The Node.js best practices list (July 2023)
The Mindset of Component Composition in Vue
A step-by-step tutorial building a search bar component. Good for those already familiar with Vue but maybe want to see another developer’s perspective on component composition. - http://amp.gs/0x5t
#vue
A step-by-step tutorial building a search bar component. Good for those already familiar with Vue but maybe want to see another developer’s perspective on component composition. - http://amp.gs/0x5t
#vue
Telerik Blogs
The Mindset of Component Composition in Vue
A look at component composition in a step-by-step article where we will build a Search Bar component together.
Metrics, Logs, and Traces in JavaScript Tools
A look at the different types of useful metrics available to JavaScript developers. - http://amp.gs/0fc5
#javascript
A look at the different types of useful metrics available to JavaScript developers. - http://amp.gs/0fc5
#javascript
www.swyx.io
swyx Writing | Metrics, Logs, and Traces in JavaScript Tools
The DX of JavaScript Developer Tools could be better if we added Metrics, Logs, and Traces
4 Ways to Animate the Color of a Text Link on Hover
Katherine Kato looks at different ways to animate the link color while being mindful of accessibility, performance, and browser support. - http://amp.gs/0kzI
#css
Katherine Kato looks at different ways to animate the link color while being mindful of accessibility, performance, and browser support. - http://amp.gs/0kzI
#css
CSS-Tricks
4 Ways to Animate the Color of a Text Link on Hover | CSS-Tricks
Let’s create a pure CSS effect that changes the color of a text link on hover… but slide that new color in instead of simply swapping colors.
Building an Accordion with React Hooks
A tutorial to build a reusable, hooks-based accordion component. - http://amp.gs/0k6p
#react
A tutorial to build a reusable, hooks-based accordion component. - http://amp.gs/0k6p
#react
Smellycode
Building an Accordion with React Hooks.
A tutorial to build a reusable accordion component with React Hooks.
How to Use requestAnimationFrame() with Vanilla JS
If you’ve never really had a use for this feature, but want to know how it works, this is easy to follow with some simple demos. - http://amp.gs/0PyQ
#javascript
If you’ve never really had a use for this feature, but want to know how it works, this is easy to follow with some simple demos. - http://amp.gs/0PyQ
#javascript
Gomakethings
How to use requestAnimationFrame() with vanilla JS
The requestAnimationFrame() method tells the browser to run a callback function right before the next repaint happens.
It’s particularly useful when using JavaScript for animations and repeating UI updates. Because it ties into the browser’s repaint timing…
It’s particularly useful when using JavaScript for animations and repeating UI updates. Because it ties into the browser’s repaint timing…
Getting Started with Vuex: A Beginners Guide
This claims to be a “brief” tutorial, but there’s lots of meat here for those looking to understand Vuex, the state management solution for Vue.js apps. - http://amp.gs/0Poa
#vue
This claims to be a “brief” tutorial, but there’s lots of meat here for those looking to understand Vuex, the state management solution for Vue.js apps. - http://amp.gs/0Poa
#vue
CodeSource.io
Getting started with Vuex: A beginners guide
This is a brief tutorial that is intended to bring an absolute beginner up to speed with Vuex. Previous knowledge of Vue.js is required
How to Build a File Upload Form with Express and DropzoneJS
Lukas White takes an in-depth look at DropzoneJS — a configurable JavaScript library that makes it easier to deal with file uploads. - http://amp.gs/0y9r
#nodejs
Lukas White takes an in-depth look at DropzoneJS — a configurable JavaScript library that makes it easier to deal with file uploads. - http://amp.gs/0y9r
#nodejs
React TypeScript: A Collection of Basics and Best Practices
An up to date handbook/’cheat sheet’ for working with React with TypeScript. - http://amp.gs/0hBM
#react
An up to date handbook/’cheat sheet’ for working with React with TypeScript. - http://amp.gs/0hBM
#react
Medium
React TypeScript: Basics and Best Practices
An updated handbook/cheat sheet for working with React.js with TypeScript.
Variable Fonts: Is the Performance Trade-Off Worth It?
Anna Monus conducted a performance test to better understand the performance trade-offs of variable fonts. - http://amp.gs/0hiM
#css
Anna Monus conducted a performance test to better understand the performance trade-offs of variable fonts. - http://amp.gs/0hiM
#css
LogRocket Blog
Variable fonts: Is the performance trade-off worth it? - LogRocket Blog
Variable fonts eliminate the need for multiple font files and HTTP requests, but the files are typically huge. Is the performance trade-off worth it?
Vue.js – Updated Roadmap
As we are getting closer to the Vue.js release, here is the updated roadmap! The beta release should be ready by the end of Q1 with the RC release being available around mid Q2. Most of the crucial tooling should also be mostly finished by around Q2. - http://amp.gs/0vGq
#vue
As we are getting closer to the Vue.js release, here is the updated roadmap! The beta release should be ready by the end of Q1 with the RC release being available around mid Q2. Most of the crucial tooling should also be mostly finished by around Q2. - http://amp.gs/0vGq
#vue
GitHub
Roadmap · vuejs/vue
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web. - Roadmap · vuejs/vue
4 Best Practices To Writing Quality ES Modules
Principally these ideas are around organizing modules you create: prefer named exports, do no work during import, favor high cohesion and avoid long relative paths. - http://amp.gs/0g1S
#javascript
Principally these ideas are around organizing modules you create: prefer named exports, do no work during import, favor high cohesion and avoid long relative paths. - http://amp.gs/0g1S
#javascript
Dmitri Pavlutin Blog
4 Best Practices to Write Quality JavaScript Modules
JavaScript modules best practices: prefer named exports, no work during import, favor high cohesion and avoid long relative paths.
3 Ways to Render Large Lists in Angular
An overview of the available techniques to render large lists of items with Angular. - http://amp.gs/0g62
#angular
An overview of the available techniques to render large lists of items with Angular. - http://amp.gs/0g62
#angular
Onboarding Thousands of Users with React Native
A retrospective (from Coinbase) for companies that are considering React Native. - http://amp.gs/0V8d
#reactnative
A retrospective (from Coinbase) for companies that are considering React Native. - http://amp.gs/0V8d
#reactnative
Medium
Onboarding thousands of users with React Native
A retrospective for companies considering React Native
Building a GitHub App with Node
“Let’s build a GitHub app that enforces pinning exact dependencies in package.json.” Yep, this is a complete, practical tutorial on doing something that’s actually useful - I like it - http://amp.gs/09n5
#nodejs
“Let’s build a GitHub app that enforces pinning exact dependencies in package.json.” Yep, this is a complete, practical tutorial on doing something that’s actually useful - I like it - http://amp.gs/09n5
#nodejs
Stop Using isLoading Booleans?
This is an opinion piece, and your opinion might legitimately differ, but Kent explains why he thinks using a status enum or a state machine will help your app stay bug free. - http://amp.gs/04tv
#react
This is an opinion piece, and your opinion might legitimately differ, but Kent explains why he thinks using a status enum or a state machine will help your app stay bug free. - http://amp.gs/04tv
#react
Why the GOVUK Design System Team Changed the Input Type for Numbers
Hanna Laakso outlines usability problems with type=number input type. - http://amp.gs/0Rm1
#css
Hanna Laakso outlines usability problems with type=number input type. - http://amp.gs/0Rm1
#css
technology.blog.gov.uk
Why the GOV.UK Design System team changed the input type for numbers
We take a look at why the GOV.UK Design System changed the element it uses for inputting numbers, making it more accessible and easier to use