Designing (Very) Large JavaScript Applications
A written version of a talk given by Google’s Malte Ubl at JSConf Australia that took a high level look at modularity, lazy loading code, and similar concepts. - http://bit.ly/2jhQPei
#javascript
A written version of a talk given by Google’s Malte Ubl at JSConf Australia that took a high level look at modularity, lazy loading code, and similar concepts. - http://bit.ly/2jhQPei
#javascript
Medium
Designing very large (JavaScript) applications
This is a mildly edited transcript of my JSConf Australia talk. Watch the whole talk on YouTube.
How to Build a Vue.js App That Uses Axios and Vuex
Axios for the async HTTP requests and Vuex as the data store. - http://bit.ly/2rq42X9
#vue
Axios for the async HTTP requests and Vuex as the data store. - http://bit.ly/2rq42X9
#vue
The Polyglot Developer
A Vue.js App Using Axios With Vuex
Learn how to create a Vue.js web application that asynchronously makes HTTP requests with Axios and uses Vuex as a central data store.
Rethinking Web Performance with Service Workers
The author makes a bold claim of this article covering ‘30 years of research in a 30 minute read’. It gets a bit tool/platform specific at the end but does cover many key points and best practices in Web performance. - http://bit.ly/2K7hsOy
#web #performance
The author makes a bold claim of this article covering ‘30 years of research in a 30 minute read’. It gets a bit tool/platform specific at the end but does cover many key points and best practices in Web performance. - http://bit.ly/2K7hsOy
#web #performance
Medium
Rethinking Web Performance with Service Workers
30 Man-Years of Research in a 30-Minute Read
Migrating to React’s New Context API
Kent C. Dodds explains some of the changes that were necessary to upgrade his components pattern course from the old context API to the new one - http://bit.ly/2jChrXL
#react
Kent C. Dodds explains some of the changes that were necessary to upgrade his components pattern course from the old context API to the new one - http://bit.ly/2jChrXL
#react
kentcdodds
Migrating to React’s New Context API
Let’s compare the before/after of React’s new context API.
Functional Programming with Object Arrays
How to use map, filter, and reduce to manipulate arrays of objects, using techniques borrowed from functional programming. - http://bit.ly/2KGmm6p
#functional
How to use map, filter, and reduce to manipulate arrays of objects, using techniques borrowed from functional programming. - http://bit.ly/2KGmm6p
#functional
Telerik Blogs
Functional Programming with JavaScript Object Arrays
We look at using map, filter, and reduce to manipulate arrays of objects, using techniques borrowed from functional programming.
Native-Like Animations for Page Transitions on the Web
A practical introduction to creating silky smooth, super slick transitions of entire pages from one layout to another, built around Vue.js. - http://bit.ly/2vWHbXN
#javascript
A practical introduction to creating silky smooth, super slick transitions of entire pages from one layout to another, built around Vue.js. - http://bit.ly/2vWHbXN
#javascript
CSS-Tricks
Native-Like Animations for Page Transitions on the Web | CSS-Tricks
Some of the most inspiring examples I’ve seen of front-end development have involved some sort of page transitions that look slick like they do in mobile apps. However, even though the imagination for these types of interactions seem to abound, their presence…
How to Use OpenCV in React Native for Image Processing
Ever wondered how to process images using OpenCV with React Native? Here’s a look at building a tool to process camera photos. - http://bit.ly/2JDwFqa
#reactNative
Ever wondered how to process images using OpenCV with React Native? Here’s a look at building a tool to process camera photos. - http://bit.ly/2JDwFqa
#reactNative
brainhub.eu
How to Use React Native & OpenCV for Image Processing [2023]
In this tutorial, we build an example tool to process camera pictures with native code using React Native with OpenCV.
Custom Domains on GitHub Pages Gain Support for HTTPS
Users have been noticing this new feature over the past few weeks, but now it’s official and powered by Let’s Encrypt behind the scenes. - http://bit.ly/2K6AAMN
#github #https
Users have been noticing this new feature over the past few weeks, but now it’s official and powered by Let’s Encrypt behind the scenes. - http://bit.ly/2K6AAMN
#github #https
The GitHub Blog
Custom domains on GitHub Pages gain support for HTTPS
Encryption for all GitHub Pages sites
Writing WebAssembly By Hand
This is low level stuff but a really enjoyable dig about. - http://bit.ly/2rs0u5G
#webassembly
This is low level stuff but a really enjoyable dig about. - http://bit.ly/2rs0u5G
#webassembly
Scott Logic
Writing WebAssembly By Hand
WebAssembly is a new language for the web, although unlike JavaScript it's not a language you are expected to use directly. However, it is actually possible to write WebAssembly directly by hand and it turns out this is an educational and enjoyable process…
Finger-Friendly Numerical Inputs with 'inputmode'
On mobile in particular, it’s very helpful if input fields that expect numerical values have a numerical UI, but there are a few ways to approach this. - http://bit.ly/2ruzdR3
#mobile
On mobile in particular, it’s very helpful if input fields that expect numerical values have a numerical UI, but there are a few ways to approach this. - http://bit.ly/2ruzdR3
#mobile
CSS-Tricks
Finger-friendly numerical inputs with `inputmode`
Forms are often a nightmare on mobile. We can make the process as pain-free as possible by reacting to context. Input fields that expect numerical values should have a numerical UI. Bringing up a number keyboard on small screens is easy on most platforms…
How To Create an Audio/Video Recording App with React Native: An In-Depth Tutorial
Not all developers are aware of how useful React Native actually is. Here are some tips on how to create an audio and video recording app by using Expo development tools. - http://bit.ly/2FSWOz4
#react
Not all developers are aware of how useful React Native actually is. Here are some tips on how to create an audio and video recording app by using Expo development tools. - http://bit.ly/2FSWOz4
#react
Smashing Magazine
How To Create An Audio/Video Recording App With React Native: An In-Depth Tutorial
Not all developers are aware of how useful React Native actually is. Here are some tips on how to create an audio and video recording app by using Expo development tools.
Measuring Sites with Mobile-First Optimization Tools
Not sure how to remove the code debt that bloats and weighs down your site? Here are specific ways mobile performance impacts your site and page speed results. - http://bit.ly/2wwZR0m
#mobile #performance
Not sure how to remove the code debt that bloats and weighs down your site? Here are specific ways mobile performance impacts your site and page speed results. - http://bit.ly/2wwZR0m
#mobile #performance
Smashing Magazine
Measuring Websites With Mobile-First Optimization Tools
Not sure how to remove the code debt that bloats and weighs down your site? Here are specific ways mobile performance impacts your site and page speed results. It's time to change our mindset.
Understanding Transitions and Animations in Vue
Animations not only makes our applications pretty, it is also a great UX tool that can make the interface of our App intuitive and easier for the users to get around. - http://bit.ly/2IeZs8i
#vue
Animations not only makes our applications pretty, it is also a great UX tool that can make the interface of our App intuitive and easier for the users to get around. - http://bit.ly/2IeZs8i
#vue
Medium
Understanding Transitions and Animations in VueJS
Animations not only makes our applications pretty, it is also a great UX tool that can make the interface of our App intuitive and easier…
A Guide to the State of Print Stylesheets in 2018
We’re printing fewer documents than ever, but it pays to make it easy for users to print well-styled versions of documents like invoices, receipts, recipes, instructions, etc. - http://bit.ly/2jRyaqa
#css
We’re printing fewer documents than ever, but it pays to make it easy for users to print well-styled versions of documents like invoices, receipts, recipes, instructions, etc. - http://bit.ly/2jRyaqa
#css
Smashing Magazine
A Guide To The State Of Print Stylesheets In 2018 — Smashing Magazine
We have covered print stylesheets in the past here on Smashing Magazine. In this article, Rachel Andrew takes a look at the state of printing from the browser today.
👍1
Testing in JavaScript - Tutorial Series
In the second part of this 5 part series about testing in JavaScript, you are going to look at a few tools you can use and then write your very first unit tests. - http://bit.ly/2KiqMiB
#vue
In the second part of this 5 part series about testing in JavaScript, you are going to look at a few tools you can use and then write your very first unit tests. - http://bit.ly/2KiqMiB
#vue
Vue.js Tutorials
Testing in JavaScript - Vue.js Tutorials
In the second part of this 5 part series about testing in JavaScript, we're going to look at a few tools we can use and then write our very first unit tests. Before going hands-on with some JavaScript testing and its workflow, let’s have a comparison of the…
Node 10: The New, The Changed, and the Deprecated
If you missed our epic Node 10 and npm 6 issue last week, check that out, but for a one stop look at Node 10, this is a good roundup. - http://bit.ly/2rGwCmj
#nodejs
If you missed our epic Node 10 and npm 6 issue last week, check that out, but for a one stop look at Node 10, this is a good roundup. - http://bit.ly/2rGwCmj
#nodejs
Auth0 - Blog
NodeJS 10: The New, The Changed, and the Deprecated
Node.js 10 comes packed with significant performance improvements through V8 v6.6 and new experimental features such the fs promise API and time traveling.
Easy State Management in React Using Unstated
Unstated uses React’s new context API to do state management as simply as possible. - http://bit.ly/2JZyvC0
#react
Unstated uses React’s new context API to do state management as simply as possible. - http://bit.ly/2JZyvC0
#react
alligator.io
Easy State Management in React Using Unstated
Unstated is a new library that makes state management in React dead simple. You can reach for it when you need a little more than setState.
CSS at Scale: LinkedIn’s New Open Source Projects Take on Stylesheet Performance
Chris Eppstein announces CSS Blocks (an ergonomic, component-oriented CSS authoring system that compiles to high-performance stylesheets) and OptiCSS (a template-aware stylesheet optimizer). - http://bit.ly/2Imysjk
#css
Chris Eppstein announces CSS Blocks (an ergonomic, component-oriented CSS authoring system that compiles to high-performance stylesheets) and OptiCSS (a template-aware stylesheet optimizer). - http://bit.ly/2Imysjk
#css
Linkedin
CSS at Scale: LinkedIn’s New Open Source Projects Take on Stylesheet Performance
Browsers use Cascading Style Sheets (CSS) to control the appearance of websites. From borders, fonts, and colors to layout, images, and animations, there are roughly 500 different style properties that can be declared with CSS. These properties are what make…
How to build your own vue-cli 3 plugin
When developing a vue-cli plugin you can focus on what you want to add or update in your generated VueJs project. - http://bit.ly/2rFtY10
#vue
When developing a vue-cli plugin you can focus on what you want to add or update in your generated VueJs project. - http://bit.ly/2rFtY10
#vue
Medium
How to build your own vue-cli 3 plugin
When the first versions of vue-cli came out it was really easy to generate a working VueJS project in seconds.