How to Write Performant React Code: Rules, Patterns, Do's and Don'ts
Nadia Makarevich shows you how to implement a “real-life” app step by step – first in a “normal” way, using the patterns that you’ll see practically everywhere, then refactoring each step with performance in mind and comparing the result in the end. - http://amp.gs/jZcmb
#react
Nadia Makarevich shows you how to implement a “real-life” app step by step – first in a “normal” way, using the patterns that you’ll see practically everywhere, then refactoring each step with performance in mind and comparing the result in the end. - http://amp.gs/jZcmb
#react
Developerway
How to write performant React code: rules, patterns, do's and don'ts
Looking into patterns that lead to poor performance of React apps, why they are bad, and how to recognise and avoid them.
How to Make CSS Slanted Containers
Dave Seidman shows how to create slanted containers using CSS. - http://amp.gs/jZc5V
#css
Dave Seidman shows how to create slanted containers using CSS. - http://amp.gs/jZc5V
#css
CSS-Tricks
How to Make CSS Slanted Containers in 3 Steps | CSS-Tricks
Here's how to created a CSS slanted container where the container itself is slanted, but the text and images are balanced for better legibility.
Vue.js Nation 2022 Conference in Review
Here's a quick recap of all the awesome talks that happened at Vue.js Nation 2022. - http://amp.gs/jZ6Sd
#vue
Here's a quick recap of all the awesome talks that happened at Vue.js Nation 2022. - http://amp.gs/jZ6Sd
#vue
vueschool.io
Vue.js Nation 2022 Conference in Review - Vue School Articles
Here's a quick recap of all the awesome talks that happened at Vue.js Nation 2022.
Replacing JavaScript Dialogs (Partly) with HTML's <dialog>
How to replace JavaScript dialogs, to some extent, with the HTML dialog element providing similar functionality to the alert(), confirm(), and prompt() methods. - http://amp.gs/jpIlM
#javascript
How to replace JavaScript dialogs, to some extent, with the HTML dialog element providing similar functionality to the alert(), confirm(), and prompt() methods. - http://amp.gs/jpIlM
#javascript
Create Instagram Filters with React and CSS
This tutorial shows you the simulation of the operation of applications that edit images using the CSS Filter property to create and develop a clone of the Instagram filters. - http://amp.gs/jpIX9
#react
This tutorial shows you the simulation of the operation of applications that edit images using the CSS Filter property to create and develop a clone of the Instagram filters. - http://amp.gs/jpIX9
#react
The Basics of package.json
Most likely you’ve been working with package.json files for years, but it can pay to refamiliarize yourself with their many properties. - http://amp.gs/jpjiv
#nodejs
Most likely you’ve been working with package.json files for years, but it can pay to refamiliarize yourself with their many properties. - http://amp.gs/jpjiv
#nodejs
Building a Vue 3 Desktop App with Pinia, Electron, and Quasar
Quasar allows us to quickly develop Electron desktop applications in Vue with high-quality UI components that follow Material Design guidelines. - http://amp.gs/jp8hX
#vue
Quasar allows us to quickly develop Electron desktop applications in Vue with high-quality UI components that follow Material Design guidelines. - http://amp.gs/jp8hX
#vue
CSS Scroll Snap Slide Deck That Supports Live Coding
Stephanie Eckles demonstrates how to build a no-JavaScript slide deck that allows live editing of CSS demos. - http://amp.gs/jp8K7
#css
Stephanie Eckles demonstrates how to build a no-JavaScript slide deck that allows live editing of CSS demos. - http://amp.gs/jp8K7
#css
👍1
How to Implement Web Loaders with React Suspense
This step-by-step guide in implementing web loaders using React Suspense provides a very simple approach on how to implement them efficiently. - http://amp.gs/jpTiO
#react
This step-by-step guide in implementing web loaders using React Suspense provides a very simple approach on how to implement them efficiently. - http://amp.gs/jpTiO
#react
Medium
Implement Web Loaders with React Suspense
Provide Web Loaders to your application efficiently
The Intended Wordle Font, Nobody Can See
Oliver Schöndorfer explains how and why Wordle would look much better in “Clear Sans” while learning about the CSS font stack and the value of good typography in UIs. - http://amp.gs/jpzcM
#css
Oliver Schöndorfer explains how and why Wordle would look much better in “Clear Sans” while learning about the CSS font stack and the value of good typography in UIs. - http://amp.gs/jpzcM
#css
How to Use Script Setup in Nuxt 2
If you love Vue script setup and want to use it in your current Nuxt 2 project, the Nuxt team has made it possible to start using it today! - http://amp.gs/jp1rh
#vue
If you love Vue script setup and want to use it in your current Nuxt 2 project, the Nuxt team has made it possible to start using it today! - http://amp.gs/jp1rh
#vue
vuedose
How to use script setup in Nuxt 2
If you love Vue script setup and want to use it in your current Nuxt 2 project, the Nuxt team has made it possible to start using it today!
👍1
How I Created an Event-Driven Backend with RxJS, Server-Sent Events, Express…
About a month ago, a friend and I came up with an idea for a small website and decided to create an MVP in a… - http://amp.gs/jpt8B
#nodejs
About a month ago, a friend and I came up with an idea for a small website and decided to create an MVP in a… - http://amp.gs/jpt8B
#nodejs
Medium
How I Created an Event-Driven Backend with RxJS, Server-Sent Events, Express, and Node.js
About a month ago, a friend and I came up with an idea for a small website and decided to create an MVP in a couple of days…
A Deep Dive into React Native’s New Architecture
A new architecture for React Native is being rolled out in 2022, as described in this post from the React Native team. Here are some independent observations. - http://amp.gs/jptA1
#reactnative
A new architecture for React Native is being rolled out in 2022, as described in this post from the React Native team. Here are some independent observations. - http://amp.gs/jptA1
#reactnative
Medium
Deep dive into React Native’s New Architecture
The React Native team has announced that the new architecture will be rolled out in 2022. Checkout their full blog here.
The State of JS 2021 Results
Despite saying 2021, the survey took place this January, so the results are up to date and represent the answers given by the 16,085 respondents. - http://amp.gs/jpmeJ
#stateofjs
Despite saying 2021, the survey took place this January, so the results are up to date and represent the answers given by the 16,085 respondents. - http://amp.gs/jpmeJ
#stateofjs
Stateofjs
The State of JS 2021
The 2021 edition of the annual survey about the latest trends in the JavaScript ecosystem.
Vitest Simplified
Learn about Vitest, a testing framework built on Vite that has some great optimizations for your Vite projects. - https://www.youtube.com/watch?v=snCLQmINqCU
#vue #vite
Learn about Vitest, a testing framework built on Vite that has some great optimizations for your Vite projects. - https://www.youtube.com/watch?v=snCLQmINqCU
#vue #vite
YouTube
Vitest Simplified
Vitest is a testing framework built on Vite that has some great optimizations for your Vite projects. It's a great option for testing in Vue 3!
LINKS
https://vitest.dev
https://vitest.dev/config/
✅ FREE VUE 3 CHEATSHEET WITH ESSENTIAL CODE SNIPPETS
…
LINKS
https://vitest.dev
https://vitest.dev/config/
✅ FREE VUE 3 CHEATSHEET WITH ESSENTIAL CODE SNIPPETS
…
Using mask as clip-path
Yuan Chuan explains the difference between mask and clip-path properties and outlines when and why you should use the mask property. - http://amp.gs/jpZqJ
#css
Yuan Chuan explains the difference between mask and clip-path properties and outlines when and why you should use the mask property. - http://amp.gs/jpZqJ
#css
yuanchuan.dev
Using mask as clip-path
When I first learned that the path() function is supported in the clip-path attribute,
I was quite excited because it allows clipping with complex shapes other than ellipse or polygons.
I was quite excited because it allows clipping with complex shapes other than ellipse or polygons.
Angular 14 to add strictly typed reactive forms
Plans for the next major release of the Google-developed web framework also include standalone components, while NgModules would become optional - http://amp.gs/jpp7K
#angular
Plans for the next major release of the Google-developed web framework also include standalone components, while NgModules would become optional - http://amp.gs/jpp7K
#angular
InfoWorld
Angular 14 to add strictly typed reactive forms
Plans for the next major release of the Google-developed web framework also include standalone components, while NgModules would become optional.