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.
New flexbox guides on MDN
If you’re having trouble with CSS the chances are you’ve solved your problems on CSS Tricks, Stack Overflow, or the ever growing and amazing MDN documents. - https://goo.gl/pnkagX
#css #flexbox #guide
If you’re having trouble with CSS the chances are you’ve solved your problems on CSS Tricks, Stack Overflow, or the ever growing and amazing MDN documents. - https://goo.gl/pnkagX
#css #flexbox #guide
Mozilla Hacks – the Web developer blog
New flexbox guides on MDN – Mozilla Hacks - the Web developer blog
With Flexbox and Grid, plus the related specifications of Box Alignment and Writing Modes, we have new layout models for the web, which have been designed to enable the types ...
React Move: Deterministically Animate Anything in React
Transitions, custom easing, and auto interpolation of numbers, colors, SVG paths and more. It even supports React Native. - https://goo.gl/1d998q
#react #animation
Transitions, custom easing, and auto interpolation of numbers, colors, SVG paths and more. It even supports React Native. - https://goo.gl/1d998q
#react #animation
GitHub
react-tools/react-move
react-move - React Move 🌀 Beautiful, data-driven animations for React
Getting Started with Vuex: Managing State in Vue.js
Learn state management in Vue by building a todo app with Vuex and working with states, getters, mutations and actions. - https://goo.gl/y2bJRo
#vuex
Learn state management in Vue by building a todo app with Vuex and working with states, getters, mutations and actions. - https://goo.gl/y2bJRo
#vuex
Sabe.io
Getting Started with Vuex: Managing State in Vue.js
- Sabe.io
- Sabe.io
Learn state management in Vue by building a todo app with Vuex and working with states, getters, mutations and actions.
Top JavaScript Tools and Trends to Watch in 2018
Nothing too surprising covers things like React vs Vue, GraphQL, Prettier, Jest, Parcel and Popmotion. - https://goo.gl/WawX74
#javascript #tools
Nothing too surprising covers things like React vs Vue, GraphQL, Prettier, Jest, Parcel and Popmotion. - https://goo.gl/WawX74
#javascript #tools
Auto-Sizing Columns in CSS Grid: `auto-fill` vs `auto-fit`
Sara Soueidan explains the difference between auto-fill and auto-fit for sizing columns in CSS Grid. - https://goo.gl/EvkGbc
#css #grid
Sara Soueidan explains the difference between auto-fill and auto-fit for sizing columns in CSS Grid. - https://goo.gl/EvkGbc
#css #grid
CSS-Tricks
Auto-Sizing Columns in CSS Grid: `auto-fill` vs `auto-fit` | CSS-Tricks
One of the most powerful and convenient CSS Grid features is that, in addition to explicit column sizing, we have the option to repeat-to-fill columns in a
A Sliding Nightmare: Understanding the Range Input
Ana Tudor dives into browser inconsistencies, detailing what each does to display a range slider. - https://goo.gl/e8wVuc
#css
Ana Tudor dives into browser inconsistencies, detailing what each does to display a range slider. - https://goo.gl/e8wVuc
#css
CSS-Tricks
A Sliding Nightmare: Understanding the Range Input | CSS-Tricks
You may have already seen a bunch of tutorials on how to style the range input. While this is another article on that topic, it's not about how to get any