Getting Started with Headless Chrome
‘Headless’ Chrome is basically Chrome running without any UI or visible controls, so is ideal for being remotely controlled from JavaScript. -https://goo.gl/VP4BCo
#headless #chome
‘Headless’ Chrome is basically Chrome running without any UI or visible controls, so is ideal for being remotely controlled from JavaScript. -https://goo.gl/VP4BCo
#headless #chome
Lessons From Migrating A Large Codebase to React 16
Discord, a popular text chat system in the gaming community, switched to React 16 pretty quickly and shared its experiences in doing so. -
https://goo.gl/3HAPUm
#react
Discord, a popular text chat system in the gaming community, switched to React 16 pretty quickly and shared its experiences in doing so. -
https://goo.gl/3HAPUm
#react
Discord Blog
Lessons from migrating a large codebase to React 16
Facebook released a rewrite of a large portion of React last week.
Does CSS Grid Replace Flexbox?
In short, not exactly. Some good examples here of where Grid and Flexbox work best. - https://goo.gl/gGH1q6
#css #flexbox #grid
In short, not exactly. Some good examples here of where Grid and Flexbox work best. - https://goo.gl/gGH1q6
#css #flexbox #grid
The Future of State Management with Apollo GraphQL
A look at using apollo-link-state to manage your local data in Apollo Client, a JavaScript GraphQL client, thus avoiding using something like Redux altogether - https://goo.gl/giyB7e
#apollo #graphQL
A look at using apollo-link-state to manage your local data in Apollo Client, a JavaScript GraphQL client, thus avoiding using something like Redux altogether - https://goo.gl/giyB7e
#apollo #graphQL
Apollo GraphQL
The future of state management
Managing your local data in Apollo Client with apollo-link-state
11 Vue.js Component Libraries You Should Know In 2018
A big part of Vue’s success lies in its components. Working with components means you can think of each UI pieces in isolation, encourage reusability and modularity, and help keep your UI consistent. - https://goo.gl/PvMW86
#vue
A big part of Vue’s success lies in its components. Working with components means you can think of each UI pieces in isolation, encourage reusability and modularity, and help keep your UI consistent. - https://goo.gl/PvMW86
#vue
Bits and Pieces
11 Vue.js Component Libraries You Should Know In 2018
11 popular and useful Vue.js component libraries to consider for your next app in 2018.
Where 'async' and 'await' Can Beat Promises
Not a deep dive, but some simple examples of using async/await vs promises. ES2016’s async/await are natively supported in Node 7.6+, as well as via Babel. - https://goo.gl/d8rJZ3
#nodejs
Not a deep dive, but some simple examples of using async/await vs promises. ES2016’s async/await are natively supported in Node 7.6+, as well as via Babel. - https://goo.gl/d8rJZ3
#nodejs
Hacker Noon
6 Reasons Why JavaScript’s Async/Await Blows Promises Away (Tutorial)
In case you missed it, Node now supports async/await out of the box since version 7.6. If you haven’t tried it yet, here are a bunch of…
React State vs. Redux State: When and Why?
Even if you choose to use Redux in your project, you’ll still need to make decisions on how much of your data is stored using it. - https://goo.gl/7f4TES
#react
Even if you choose to use Redux in your project, you’ll still need to make decisions on how much of your data is stored using it. - https://goo.gl/7f4TES
#react
Atomic Spin
React State vs. Redux State: When and Why?
Even if you choose to use Redux in your project, you will still need to make decisions on how much of your data is stored in Redux.
Progressively migrating from AngularJS to Vue.js at Unbabel
Recently the team at Unbabel, decided to migrate some of their existing web applications from AngularJS to Vue.js and set Vue as the new standard framework to create UIs. - https://goo.gl/LtFt7W
#vue
Recently the team at Unbabel, decided to migrate some of their existing web applications from AngularJS to Vue.js and set Vue as the new standard framework to create UIs. - https://goo.gl/LtFt7W
#vue
Medium
Progressively migrating from AngularJS to Vue.js at Unbabel
We recently decided to migrate some of our existing web applications from AngularJS to Vue.js and set Vue as the new standard framework to…
Essential Image Optimization
This is a wonderfully comprehensive ebook from Addy Osmani. “In 2017, image optimization should be automated. It’s easy to forget, best practices change, and content that doesn’t go through a build pipeline can easily slip. To automate: Use imagemin or libvips for your build process. Many alternatives exist.” - https://goo.gl/A5nLSg
#responsive #images
This is a wonderfully comprehensive ebook from Addy Osmani. “In 2017, image optimization should be automated. It’s easy to forget, best practices change, and content that doesn’t go through a build pipeline can easily slip. To automate: Use imagemin or libvips for your build process. Many alternatives exist.” - https://goo.gl/A5nLSg
#responsive #images
images.guide
Essential Image Optimization
A free book on modern image optimization techniques. Formats, decoders, techniques for efficient compression and more are covered.
An Example of Vuex and State Management for Vue.js
An example of Vuex to get your head around it in a simple way. - https://goo.gl/UVFvn6
#vuex
An example of Vuex to get your head around it in a simple way. - https://goo.gl/UVFvn6
#vuex
Raymondcamden
An Example of Vuex and State Management for Vue.js
When I first started learning Vue, I began hearing about Vuex and try as a I might, I couldn't wrap my head around what it actually did. The docs describe it like so:
Vuex is a state management pattern + library for Vue.js applications. It serves as a centralized…
Vuex is a state management pattern + library for Vue.js applications. It serves as a centralized…
Our Most Popular JavaScript Links of 2017
A look back at what proved popular with JavaScript Weekly readers in 2017, including this modern JavaScript cheatsheet, a set of JS best practices, and async/await explained with diagrams and examples. - https://goo.gl/D9zx59
#javascript #links #2017
A look back at what proved popular with JavaScript Weekly readers in 2017, including this modern JavaScript cheatsheet, a set of JS best practices, and async/await explained with diagrams and examples. - https://goo.gl/D9zx59
#javascript #links #2017
Medium
The most popular JavaScript links of 2017
As the year draws to a close it’s the perfect time to reflect and look back over the past 12 months to see what projects got people talking…
React Bits: A Compilation of React Patterns and Tips
A variety of React-oriented techniques, tips and tricks broken down into digestable chunks. - https://goo.gl/MQsXpB
#react
A variety of React-oriented techniques, tips and tricks broken down into digestable chunks. - https://goo.gl/MQsXpB
#react
Best Practices for Perfect CSS Documentation
Adriana De La Cuadra explains the advantages of documenting CSS and shares some of the best practices to make documentation work for you–not the other way around. - https://goo.gl/YPNdkc
#css
Adriana De La Cuadra explains the advantages of documenting CSS and shares some of the best practices to make documentation work for you–not the other way around. - https://goo.gl/YPNdkc
#css
Web Design Envato Tuts+
8 Best Practices for Perfect CSS Documentation
In the world of CSS, documentation is underused. Since documentation is not visible to the end user, its value is often overlooked by clients. Also, if it’s your first time documenting code, it can...
The Front-End Performance Challenge: Winner And Results
Some really impressive real-life improvements on sites when it comes to performance. Each of these examples takes a slightly different approach to their performance improvements so there’s certainly going to be something you can do on your own site. - https://goo.gl/tJ3JVF
#web #performance
Some really impressive real-life improvements on sites when it comes to performance. Each of these examples takes a slightly different approach to their performance improvements so there’s certainly going to be something you can do on your own site. - https://goo.gl/tJ3JVF
#web #performance
Smashing Magazine
The Front-End Performance Challenge: Winner And Results
A few weeks ago, we asked the community to use everything they could to make their websites and projects perform blazingly fast. Today, we're happy to finally announce the winner.
Uppy: A Powerful, Modular JavaScript File Uploader
Integrates with any framework and can fetch files from numerous sources. Example here - https://goo.gl/6Wh7zk
#javascript #uppy #fileUploader
Integrates with any framework and can fetch files from numerous sources. Example here - https://goo.gl/6Wh7zk
#javascript #uppy #fileUploader
uppy.io
Uppy fetches files locally and from remote places like Dropbox or Instagram. With its seamless integration, reliability and ease of use, Uppy is truly your best friend in file uploading.
John Papa: A Look at Angular Alongside Vue
We all benefit when we learn to enjoy and embrace the similarities and the differences that help push the Web forward. - https://goo.gl/yaEdRJ
#vue #angular
We all benefit when we learn to enjoy and embrace the similarities and the differences that help push the Web forward. - https://goo.gl/yaEdRJ
#vue #angular
John Papa
A Look at Angular Alongside Vue - Familiar Code
I spent a few days on and off learning parts of Vue to write a small app. I wrote the same app with Angular. I'm sharing my experience of working through Vue for the first time to help others that may be curious about the JavaScript framework landscape. …
Beyond HTTPS
There’s more to HTTPS than just security, so the next time someone scoffs that their simple site doesn’t need HTTPS then you can give them a couple more reasons why it makes a difference - https://goo.gl/tjCj9a
#web #https
There’s more to HTTPS than just security, so the next time someone scoffs that their simple site doesn’t need HTTPS then you can give them a couple more reasons why it makes a difference - https://goo.gl/tjCj9a
#web #https
Ebayinc
Beyond HTTPS
HTTPS is not just about security. There are many benefits that come along with it. One such benefit is access to modern technologies. Check out how eBay leverages some of these new technologies that HTTPS opens up.
Learn CSS Grid
Per Harald Borgena created a 14-part course on CSS Grid. The course covers everything you need to know to take your grid knowledge from beginner to advanced. - https://goo.gl/QAwsx8
#css #grid #course
Per Harald Borgena created a 14-part course on CSS Grid. The course covers everything you need to know to take your grid knowledge from beginner to advanced. - https://goo.gl/QAwsx8
#css #grid #course
Scrimba
CSS Grid Tutorial - Learn CSS Grid For Free | Scrimba
This tutorial teaches you CSS Grid through 14 interactive screencasts. You'll learn all the key concepts while building three awesome layouts: a website, an image grid, and an article. Plus, you'll learn how to combine CSS Grid with Flexbox.