Five Practices to Boost React Performance
Various techniques to help you measure performance bottlenecks and optimize components. - http://bit.ly/2JXGiAG
#react
Various techniques to help you measure performance bottlenecks and optimize components. - http://bit.ly/2JXGiAG
#react
www.codementor.io
Top 5 Practices to Boost React Performance | Codementor
Not sure how to speed up your React application? Learn about various techniques and practices that should help you measure performance bottlenecks and optimize your components.
How to Start with Variable Fonts on the Web
A detailed primer on using variable fonts, single font files that can behave like multiple fonts via OpenType settings. - http://bit.ly/2thaY8R
#web #fonts
A detailed primer on using variable fonts, single font files that can behave like multiple fonts via OpenType settings. - http://bit.ly/2thaY8R
#web #fonts
Pimp my Type
How to start with variable fonts on the web - Pimp my Type
Variable fonts are the font technology made for the digital era. They have the power to bring more typographic richness to the web at a lower file size. But with new possibilities and advantages new challenges and complexity arise. So what’s so hot about…
A Deeply Detailed But Never Definitive Guide to Mobile Development Architecture
An in-depth comparison between Native, Web, PWA, hybrid and cross-compiled mobile app technologies - http://bit.ly/2lk99Ew
#mobile
An in-depth comparison between Native, Web, PWA, hybrid and cross-compiled mobile app technologies - http://bit.ly/2lk99Ew
#mobile
freeCodeCamp.org
A deeply detailed but never definitive guide to mobile development architecture
Native, Web, PWA, hybrid, Cross-Compiled… what is “the best” way to develop for Android and iOS platforms? What looks reasonable? And how…
How CSS Works: Understanding the Cascade
Benjamin Johnson dives into the CSS cascade and looks at a few ways to keep the cascade from getting out of hand. - http://bit.ly/2t6u9Tz
#css
Benjamin Johnson dives into the CSS cascade and looks at a few ways to keep the cascade from getting out of hand. - http://bit.ly/2t6u9Tz
#css
LogRocket
How CSS works: Understanding the cascade
The cascade can be a powerful tool, but using it wrong can lead to brittle stylesheets that give front-end developers nightmares.
How Concurrent Marking in V8 Frees Up Your Main Thread
‘Marking’ is a key step in the V8 engine’s garbage collection process and as of Node 10 this process takes place on separate worker threads meaning there’s now more time for your code to run. - http://bit.ly/2KaTzJM
#nodejs
‘Marking’ is a key step in the V8 engine’s garbage collection process and as of Node 10 this process takes place on separate worker threads meaning there’s now more time for your code to run. - http://bit.ly/2KaTzJM
#nodejs
Build Custom Pagination with React
Build a custom pagination widget with React to display large datasets in chunks. - http://bit.ly/2t68Vpb
#react
Build a custom pagination widget with React to display large datasets in chunks. - http://bit.ly/2t68Vpb
#react
Image Inconsistencies: How and When Browsers Download Images
Browsers don’t download images referenced in CSS until the CSS object model is built which could lead you to use img tags to load images more quickly. but Firefox may not behave as you’d expect here. - http://bit.ly/2yx5v3Y
#web #images
Browsers don’t download images referenced in CSS until the CSS object model is built which could lead you to use img tags to load images more quickly. but Firefox may not behave as you’d expect here. - http://bit.ly/2yx5v3Y
#web #images
Csswizardry
Image Inconsistencies: How and When Browsers Download Images – CSS Wizardry
How and when do browsers download certain types of image? What does that mean for performance?
How to Make an Animated Multi-Step 'Wizard' Component
A UX pattern often used in signups/onboarding in webapps. - http://bit.ly/2li5JCs
#web #component
A UX pattern often used in signups/onboarding in webapps. - http://bit.ly/2li5JCs
#web #component
Medium
How to make an animated “Wizard” component — WotW
Welcome to the Widget of the Week series, where I take gifs or videos of awesome UI/UX components, and bring them to life with code. This week is the turn for a progress indicator or “Wizard”…
Text Editing Techniques Every Front-End Developer Should Know
Ben Frain shares some useful or perhaps underused techniques that will help you to perform with fluidly in your editor or IDE of choice. - http://bit.ly/2K36qgT
#css
Ben Frain shares some useful or perhaps underused techniques that will help you to perform with fluidly in your editor or IDE of choice. - http://bit.ly/2K36qgT
#css
How to Build Your Own Desktop Chat App with React and Electron
A beginner level tutorial that leans heavily on Pusher’s Chatkit service. - http://bit.ly/2yly04d
#react
A beginner level tutorial that leans heavily on Pusher’s Chatkit service. - http://bit.ly/2yly04d
#react
freeCodeCamp.org
Learn to build your own desktop chat app with React and Electron, one step at a time
by Alex Booker
Learn to build your own desktop chat app with React and Electron, one step at a
time
Photo by Clément H
[https://unsplash.com/@clemhlrdt?utm_source=medium&utm_medium=referral] on
Unsplash [https://unsplash.com?utm_source=medium&utm_medi…
Learn to build your own desktop chat app with React and Electron, one step at a
time
Photo by Clément H
[https://unsplash.com/@clemhlrdt?utm_source=medium&utm_medium=referral] on
Unsplash [https://unsplash.com?utm_source=medium&utm_medi…
A framework for communicating (or designing) any project.
Closing the gap between the solution you came up with and the problem you’re attempting to solve. - http://bit.ly/2lrXSlX
#framework #communicating
Closing the gap between the solution you came up with and the problem you’re attempting to solve. - http://bit.ly/2lrXSlX
#framework #communicating
Medium
A framework for communicating (or designing) any project.
For those interview presentations, website portfolio projects, or just to improve your own process designing solutions..
Level Up Your CSS Selector Skills
An in-depth review of interesting CSS selectors, complete with live, editable examples, plus a few that will be available in the future. - http://bit.ly/2K1kirX
#css
An in-depth review of interesting CSS selectors, complete with live, editable examples, plus a few that will be available in the future. - http://bit.ly/2K1kirX
#css
LogRocket Blog
A complete guide for leveling up your CSS selector skills - LogRocket Blog
Think you know your CSS selectors? Check out this in-depth review of different CSS selectors (including some you've never heard of).
The State of React Native 2018
An update on the state of the React Native project direct from Facebook including how they’re using it in more of their own apps and news of a major rearchitecturing process. - http://bit.ly/2K85VCX
#reactNative
An update on the state of the React Native project direct from Facebook including how they’re using it in more of their own apps and news of a major rearchitecturing process. - http://bit.ly/2K85VCX
#reactNative
facebook.github.io
State of React Native 2018 · React Native
It's been a while since we last published a status update about React Native.
Reaptcha: Google reCAPTCHA v2 Wrapper for React
A clean and idiomatically React way of using Google’s valuable reCAPTCHA service to keep bots away from your signup, commenting, and similar systems. - http://bit.ly/2K6ivmh
#react #google #reCAPTCHA
A clean and idiomatically React way of using Google’s valuable reCAPTCHA service to keep bots away from your signup, commenting, and similar systems. - http://bit.ly/2K6ivmh
#react #google #reCAPTCHA
Creating a Bar Graph with CSS Grid
A walkthrough of a cute way to create a basic bar graph using CSS grid layout and variables. - http://bit.ly/2lmIXcI
#css #grid
A walkthrough of a cute way to create a basic bar graph using CSS grid layout and variables. - http://bit.ly/2lmIXcI
#css #grid
CSS-Tricks
Creating a Bar Graph with CSS Grid | CSS-Tricks
If you’re looking for more manageable ways to create bar graphs, or in search of use cases to practice CSS Grid layout, I got you!
An Instagram gallery with Vue.js and CSS Grid
Building a simple gallery was surprisingly quick, thanks to Vue.js and CSS Grid - http://bit.ly/2tsITfM
#vue
Building a simple gallery was surprisingly quick, thanks to Vue.js and CSS Grid - http://bit.ly/2tsITfM
#vue
ITNEXT
An Instagram gallery with Vue.js and CSS Grid
A client of mine recently requested a simple image gallery for her site — one which would display her Instagram feed. I thought: “no…
JavaScript Engine Fundamentals
A fantastic writeup (with video, if preferred) looking at the key parts of major JavaScript VMs/engines and how they interact with the code you write. - http://bit.ly/2yHA9aB
#javascript
A fantastic writeup (with video, if preferred) looking at the key parts of major JavaScript VMs/engines and how they interact with the code you write. - http://bit.ly/2yHA9aB
#javascript
vue-wait
Complex Loader Management for Vue/Vuex and Nuxt Applications. - http://bit.ly/2Kk1i4T
#vue #component
Complex Loader Management for Vue/Vuex and Nuxt Applications. - http://bit.ly/2Kk1i4T
#vue #component
GitHub
GitHub - f/vue-wait: Complex Loader and Progress Management for Vue/Vuex and Nuxt Applications
Complex Loader and Progress Management for Vue/Vuex and Nuxt Applications - GitHub - f/vue-wait: Complex Loader and Progress Management for Vue/Vuex and Nuxt Applications
How to Build a React Project From Scratch with Webpack 4
If you’ve been leaning on create-react-app till now but are keen to learn how to do it all from scratch, this basic walkthrough could help. - http://bit.ly/2KgCk9X
#react
If you’ve been leaning on create-react-app till now but are keen to learn how to do it all from scratch, this basic walkthrough could help. - http://bit.ly/2KgCk9X
#react
Mobile-First Index: How Will It Affect You?
Google’s mobile-first index is now rolling out. So, what does it mean? - http://bit.ly/2IqHFGw
#mobile
Google’s mobile-first index is now rolling out. So, what does it mean? - http://bit.ly/2IqHFGw
#mobile
mobiForge
Mobile-first index: How will it affect you?
Google’s mobile-first index is rolling out. If you’ve signed up to Google’s Search Console / Webmaster Tools you might already have received a notification “Mobile-first indexing enabled” for http://your-site.com. If you haven’t received the notification…
Don’t Use The 'Placeholder' Attribute
The ‘placeholder’ attribute populates an input element with temporary text to indicate what input is expected, but it introduces issues that prevent it from being as useful as it sounds. - http://bit.ly/2yKpaxj
#css
The ‘placeholder’ attribute populates an input element with temporary text to indicate what input is expected, but it introduces issues that prevent it from being as useful as it sounds. - http://bit.ly/2yKpaxj
#css
Smashing Magazine
Don’t Use The Placeholder Attribute — Smashing Magazine
The placeholder attribute contains a surprising amount of issues that prevent it from delivering on what it promises. Let’s clarify why you need to stop using it.