Safari Service Workers and Other PWA Good News Stories
There’s been a lot of good news for fans of PWAs across 2017 and this post summed much of it up. - https://goo.gl/6qWPzM
#pwa
There’s been a lot of good news for fans of PWAs across 2017 and this post summed much of it up. - https://goo.gl/6qWPzM
#pwa
mobiForge
Safari service workers and other PWA good news stories - mobiForge
It’s been a while since we’ve checked in on the state of Progressive Web Apps, there’s much to talk about. Here’s a whirlwind update of the major PWA news over the past few months. 1. Service workers support in Safari Probably the biggest news in PWA land…
Uploading Files With VueJS and Axios
Handling files can be a tricky task in a frontend application. This tutorial by Dan Pastori will show you a simple way to add a file upload feature to a Vue.js app. - https://goo.gl/gy4HPZ
#vue #axios #fielUploading
Handling files can be a tricky task in a frontend application. This tutorial by Dan Pastori will show you a simple way to add a file upload feature to a Vue.js app. - https://goo.gl/gy4HPZ
#vue #axios #fielUploading
Server Side Up
Uploading Files With VueJS and Axios - Server Side Up
Handling files is always a task. This tutorial will simplify the process and show you how to upload files with VueJS and Axios through AJAX.
Handling State in React: Four Immutable Approaches to Consider
State is perhaps “the most common point of confusion in React today”. - https://goo.gl/PSJmRH
#react
State is perhaps “the most common point of confusion in React today”. - https://goo.gl/PSJmRH
#react
freeCodeCamp
Handling State in React: Four Immutable Approaches to Consider
Perhaps the most common point of confusion in React today: state.
Everything You Need to Know About HTTP Security Headers
And along very similar lines. - https://goo.gl/dL3pGT
#web #http #secure
And along very similar lines. - https://goo.gl/dL3pGT
#web #http #secure
The anatomy of responsive images
If you need something technical explained in a way that is super easy to understand then Jake Archibald is often the person to go to. The impressive thing for me is that he has used SVG to paint what you would usually assume to be an image with arrows. Nicely done Jake, nicely done. - https://goo.gl/kjwifL
#responsive #images
If you need something technical explained in a way that is super easy to understand then Jake Archibald is often the person to go to. The impressive thing for me is that he has used SVG to paint what you would usually assume to be an image with arrows. Nicely done Jake, nicely done. - https://goo.gl/kjwifL
#responsive #images
Jakearchibald
The anatomy of responsive images
A Curated Compilation of Node Best Practices
Curated from numerous popular articles this in-development list of best practices covers topics from error handling to memory use. - https://goo.gl/FwqeyA
#nodejs
Curated from numerous popular articles this in-development list of best practices covers topics from error handling to memory use. - https://goo.gl/FwqeyA
#nodejs
GitHub
i0natan/nodebestpractices
nodebestpractices - The largest Node.JS best practices list. Curated from the top ranked articles and always updated
10 Tips to Become a Better Node Developer in 2017
Azat Mardan presents ten tips, tricks and best practices to help you become a better Node developer in the year ahead. - https://goo.gl/FvJNNJ
#nodejs
Azat Mardan presents ten tips, tricks and best practices to help you become a better Node developer in the year ahead. - https://goo.gl/FvJNNJ
#nodejs
SitePoint
10 Tips to Become a Better Node Developer in 2017 — SitePoint
Azat Mardan presents 10 tips, tricks and best practices to help you become a better Node developer in the year ahead.
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...