Reduce JavaScript Payloads with Tree Shaking
Knowing where to begin optimizing your app’s JavaScript can be daunting — tree shaking might be a good place to start. - http://bit.ly/2KRYvUZ
#javascript
Knowing where to begin optimizing your app’s JavaScript can be daunting — tree shaking might be a good place to start. - http://bit.ly/2KRYvUZ
#javascript
Google Developers
Reduce JavaScript Payloads with Tree Shaking | Web Fundamentals
| Google Developers
| Google Developers
Knowing where to begin optimizing your application's JavaScript can be daunting. If you're taking advantage of modern tooling such as webpack, however, tree shaking might be a good place to start!
Build an Infinite Scroll component using Intersection Observer API
When building applications you often come across the case where you need to design a list or search interface for the user. - http://bit.ly/2Lg2Tt2
#vue
When building applications you often come across the case where you need to design a list or search interface for the user. - http://bit.ly/2Lg2Tt2
#vue
vueschool.io
Build an Infinite Scroll component using Intersection Observer API - Vue School Articles
undefined
Create a Form Wizard with Data Loss Prevention using Formik and React Router - http://bit.ly/2ulN3pF
#react
#react
Code Daily
Create a Form Wizard with Data Loss Prevention using Formik and React Router
In this lesson we'll explore using Formik to create a form wizard. Each route will be a new piece of a form. We'll then use `Prompt` and `matchPath` to determine if we need to protect our data from being destroyed by navigating away from the page.
Fitting Text to a Container
Having an incredibly large heading text that completely fills the container has been a bit of a trend in recent times. I quite enjoy the look and have tended to use FitText to get it to work with different length headings, here are a few more options from Chris. - http://bit.ly/2umjLYI
#css
Having an incredibly large heading text that completely fills the container has been a bit of a trend in recent times. I quite enjoy the look and have tended to use FitText to get it to work with different length headings, here are a few more options from Chris. - http://bit.ly/2umjLYI
#css
CSS-Tricks
Fitting Text to a Container | CSS-Tricks
There are a number of ways to go about putting some text in a container and having it size itself to fill that container. There are different technologies we
Building Mobile Apps with Capacitor and Vue.js
Learn how to use Capacitor and cutting-edge web technologies such as Vue.js and Ionic 4 web components to build cross-platform mobile apps for Android and iOS. - http://bit.ly/2NfaVmx
#vue
Learn how to use Capacitor and cutting-edge web technologies such as Vue.js and Ionic 4 web components to build cross-platform mobile apps for Android and iOS. - http://bit.ly/2NfaVmx
#vue
Smashing Magazine
Building Mobile Apps With Capacitor And Vue.js — Smashing Magazine
In this tutorial, you’ll learn how to use Capacitor and cutting-edge web technologies such as Vue.js and Ionic 4 web components to build cross-platform mobile applications for Android and iOS.
Rendering Large Lists with React Virtualized
How to use ‘react-virtualized’ to display a large amount of data efficiently. - http://bit.ly/2uinq9c
#react
How to use ‘react-virtualized’ to display a large amount of data efficiently. - http://bit.ly/2uinq9c
#react
LogRocket
Rendering large lists with React Virtualized
Learn how to use react-virtualized to display a large amount of data efficiently with react-virtualized.
ES2017 Object and String Extensions
Covering Object.entries, Object.values, Object.getOwnPropertyDescriptors, String.padStart and String.padEnd. - http://bit.ly/2uoeq2Z
#javascript #es2017
Covering Object.entries, Object.values, Object.getOwnPropertyDescriptors, String.padStart and String.padEnd. - http://bit.ly/2uoeq2Z
#javascript #es2017
How CSS works: Creating layers with z-index
I was working on a demo this week and had to bring some text in front of an image. I had placed a z-index on the image (along with some other rules) but couldn’t get it to layer properly until I added some positioning to it. This tutorial goes into further details about what to remember when it comes to layering things on the z index. - http://bit.ly/2Lhhapk
#css
I was working on a demo this week and had to bring some text in front of an image. I had placed a z-index on the image (along with some other rules) but couldn’t get it to layer properly until I added some positioning to it. This tutorial goes into further details about what to remember when it comes to layering things on the z index. - http://bit.ly/2Lhhapk
#css
LogRocket Blog
How CSS works: Creating layers with z-index - LogRocket Blog
Z-index is a CSS property that overcomes many layout challenges. Learn about z-index and its caveats to manage the pitfalls of multilayered UIs.
Would Airbnb Have Fared Better With NativeScript Instead of React Native?
TJ VanToll walks through Airbnb’s complaints with React Native, and offers thoughts on how some of those same problems could’ve been handled in NativeScript. - http://bit.ly/2mexRH3
#reactnative #nativescript
TJ VanToll walks through Airbnb’s complaints with React Native, and offers thoughts on how some of those same problems could’ve been handled in NativeScript. - http://bit.ly/2mexRH3
#reactnative #nativescript
carbon-now-cli: Create Beautiful Images of Code From Your Terminal
It’s a terminal client for the awesome Carbon tool. - http://bit.ly/2uNyJr1
#nodejs #tools
It’s a terminal client for the awesome Carbon tool. - http://bit.ly/2uNyJr1
#nodejs #tools
GitHub
GitHub - mixn/carbon-now-cli: 🎨 Beautiful images of your code — from right inside your terminal.
🎨 Beautiful images of your code — from right inside your terminal. - GitHub - mixn/carbon-now-cli: 🎨 Beautiful images of your code — from right inside your terminal.
Useful Vue Patterns, Techniques, Tips and Tricks and Helpful Curated Links
Be sure to star this awesome repository which documents useful Vue patterns, techniques, tips and tricks, as well as helpful curated links. - http://bit.ly/2O9kaG0
#vue
Be sure to star this awesome repository which documents useful Vue patterns, techniques, tips and tricks, as well as helpful curated links. - http://bit.ly/2O9kaG0
#vue
GitHub
GitHub - learn-vuejs/vue-patterns: Useful Vue patterns, techniques, tips and tricks and helpful curated links.
Useful Vue patterns, techniques, tips and tricks and helpful curated links. - GitHub - learn-vuejs/vue-patterns: Useful Vue patterns, techniques, tips and tricks and helpful curated links.
The CSS Paint API
Ruth John explains what is CSS Paint API, why we have it and how to start using it. - http://bit.ly/2LAWnRb
#css #paintAPI
Ruth John explains what is CSS Paint API, why we have it and how to start using it. - http://bit.ly/2LAWnRb
#css #paintAPI
CSS-Tricks
The CSS Paint API | CSS-Tricks
The CSS Paint API is extremely exciting, not only for what it is, but what it represents, which is the beginning of a very exciting time for CSS. Let’s go
Getting the Whole Picture on Progressive Web Apps
Following a few years of steady and relatively silent growth, a look at how Progressive Web Apps have really started taking off. - http://bit.ly/2LjcYtr
#pwa
Following a few years of steady and relatively silent growth, a look at how Progressive Web Apps have really started taking off. - http://bit.ly/2LjcYtr
#pwa
UX Collective
Getting the whole picture on Progressive Web Apps
Following a few years of steady and relatively silent growth, one of the multitude of promising web technologies has really started taking…
Level up for UX with game design
Level up your product’s UX with clues taken from video games. - http://bit.ly/2A39OES
#ux
Level up your product’s UX with clues taken from video games. - http://bit.ly/2A39OES
#ux
Martian Chronicles
Level up for UX: Design lessons from video games — Martian Chronicles
Take clues from video games, learn the psychology behind them, and apply those tricks to your product's user experience.
A React/Redux Style Guide
“This is a working set of guidelines for developing React applications. We say ‘guideline’ because there are no hard-and-fast rules; best practices, patterns and technology change over time, so we consider this a living set of style guides.” - http://bit.ly/2OaA5Ef
#react #redux
“This is a working set of guidelines for developing React applications. We say ‘guideline’ because there are no hard-and-fast rules; best practices, patterns and technology change over time, so we consider this a living set of style guides.” - http://bit.ly/2OaA5Ef
#react #redux
GitHub
GitHub - iraycd/React-Redux-Styleguide: This is a working set of guidelines for developing React applications. We say "guideline"…
This is a working set of guidelines for developing React applications. We say "guideline" because there are no hard-and-fast rules; best practices, patterns and technology change ...
Testing Node.js in 2018
Stream powers feeds for over 300+ users and their team is keen on testing well. Here they share what Node tools and packages they use. - http://bit.ly/2A24dys
#nodejs
Stream powers feeds for over 300+ users and their team is keen on testing well. Here they share what Node tools and packages they use. - http://bit.ly/2A24dys
#nodejs
Hacker Noon
Testing Node.js in 2018
Stream powers feeds for over 300+ million end users. With all of those users relying on our infrastructure, we’re very good about testing…
Build a React Native App and Authenticate with OAuth 2.0
Learn how to use React Native and AppAuth to create a native mobile app that authenticates with Okta. - http://bit.ly/2Ne2nw4
#reactnative
Learn how to use React Native and AppAuth to create a native mobile app that authenticates with Okta. - http://bit.ly/2Ne2nw4
#reactnative