Some Best Practices for Building a Large Scale React App
If you’ve built a React app from scratch, you may have noticed it become complex and unwieldy over time. This article digs into a few concepts worth keeping in mind to make neater, larger scale apps over time. - http://amp.gs/O8Ht
#react
If you’ve built a React app from scratch, you may have noticed it become complex and unwieldy over time. This article digs into a few concepts worth keeping in mind to make neater, larger scale apps over time. - http://amp.gs/O8Ht
#react
Buttercms
Best practices for building a large scale react application | ButterCMS
What are best practices for building a large React app? What libraries are useful for managing your app? Read this article to learn more.
Reading Client-Side Files for Validation with Vue.js
Folks new to web development may not know that form inputs using file type are read-only. This article will teach you how to correctly read a file using Vue and the File Reader API.
- http://amp.gs/OTuJ
#vue
Folks new to web development may not know that form inputs using file type are read-only. This article will teach you how to correctly read a file using Vue and the File Reader API.
- http://amp.gs/OTuJ
#vue
Raymondcamden
Reading Client-Side Files for Validation with Vue.js
A look at reading client-side files with Vue.js.
Four Reasons Your z-index Isn’t Working (and How to Fix It)
Explains in detail some of the most common reasons why z-index might not be doing what you expect, with fixes for each. - http://amp.gs/Ozuq
#css
Explains in detail some of the most common reasons why z-index might not be doing what you expect, with fixes for each. - http://amp.gs/Ozuq
#css
freeCodeCamp.org
4 reasons your z-index isn’t working (and how to fix it)
Z-index is a CSS property that allows you to position elements in layers on top of one another. It’s super useful, and honestly a very important tool to know how to use in CSS. Unfortunately, z-index is one of those properties that doesn’t always behave in…
npm Passes The 1 Million Package Mileston
Not only is Node.js 10 years old, there are now also, quite coincidentally, 1 million npm packages (though npm’s own 10th birthday is next year). Rumors suggest only about 23% of the packages belong to Sindre Sorhus. - http://amp.gs/O19L
#nodejs
Not only is Node.js 10 years old, there are now also, quite coincidentally, 1 million npm packages (though npm’s own 10th birthday is next year). Rumors suggest only about 23% of the packages belong to Sindre Sorhus. - http://amp.gs/O19L
#nodejs
Snyk
npm passes the 1 millionth package milestone! What can we learn? | Snyk
June 4th is a historic date. Not only is it our very own Liran Tal’s birthday (Mazal Tov, Liran!) but it is also the date that the millionth package was
When to useMemo and useCallback
An interesting demonstration of how abstractions and performance optimizations can sometimes come with a cost that outweighs the benefit, focusing here on the useMemo and useCallback hooks. - http://amp.gs/OYvO
#react
An interesting demonstration of how abstractions and performance optimizations can sometimes come with a cost that outweighs the benefit, focusing here on the useMemo and useCallback hooks. - http://amp.gs/OYvO
#react
Kentcdodds
When to useMemo and useCallback
Performance optimizations ALWAYS come with a cost but do NOT always come with a benefit. Let's talk about the costs and benefits of useMemo and useCallback.
That Shouldn’t Work! Oh, Vue Binds All Methods?
In this article, the author shares some interesting insights into how Vue methods are bound. Check it out and perhaps you'll learn something new about Vue reactivity. - http://amp.gs/Otvw
#vue
In this article, the author shares some interesting insights into how Vue methods are bound. Check it out and perhaps you'll learn something new about Vue reactivity. - http://amp.gs/Otvw
#vue
Medium
That shouldn’t work! Oh, Vue binds all methods?
During a conversation with a fellow developer, I saw some code that I didn’t think should work based on JS fundamentals…
How! Important Are We?
Christian Heilmann looks at the current state of web dev, outlines some problems we’re facing and offers solutions. - http://amp.gs/OZZU
#css
Christian Heilmann looks at the current state of web dev, outlines some problems we’re facing and offers solutions. - http://amp.gs/OZZU
#css
Medium
How !important are we?
One of my favourite parts of CSS is the !important exception. It is a wonderful metaphor of the oft cited problem between CSS and…
Node.js's 10 Year History on a Timeline
Last week we celebrated Node’s tenth birthday, and the RisingStack folks have now updated their Node.js history timeline too. How far we’ve come! - http://amp.gs/Oppr
#nodejs
Last week we celebrated Node’s tenth birthday, and the RisingStack folks have now updated their Node.js history timeline too. How far we’ve come! - http://amp.gs/Oppr
#nodejs
RisingStack Engineering - Node.js Tutorials & Resources
History of Node.js on a Timeline | @RisingStack
A look back at what exactly happened to Node.js so far, from the point where it was born. The history of Node.js on a timeline: 2009-2019
Self Positioning React Components
A look at what’s involved in bringing dynamic positioning to components. This is a lot more interesting than it sounds! - http://amp.gs/OpbJ
#react
A look at what’s involved in bringing dynamic positioning to components. This is a lot more interesting than it sounds! - http://amp.gs/OpbJ
#react
freeCodeCamp.org
Self Positioning React Components
While React has ways to break the hatch and directly manipulate the DOM there are very few reasons to do this. We shouldn’t directly manipulate the DOM unless we have a really good reason to. When we need to we should use the ref property. Only as a last
The Fastest Way to Render the DOM
Is the Virtual DOM, Tagged Template Literals, or Fine-Grained Observables the fastest? This article looks at a number of different DOM rendering techniques and benchmarks their performance. - http://amp.gs/OBIE
#vue
Is the Virtual DOM, Tagged Template Literals, or Fine-Grained Observables the fastest? This article looks at a number of different DOM rendering techniques and benchmarks their performance. - http://amp.gs/OBIE
#vue
Medium
The Fastest Way to Render the DOM
Is the Virtual DOM, Tagged Template Literals, or Fine Grained Observables the fastest?
Function-Based Component API (Vue 3 RFC)
The function-based API is one of the most exciting proposals for Vue.js 3. Inspired by React Hooks, the new API presents a clean and flexible way to compose logic inside and between components with few drawbacks. - http://amp.gs/OBbb
#vue
The function-based API is one of the most exciting proposals for Vue.js 3. Inspired by React Hooks, the new API presents a clean and flexible way to compose logic inside and between components with few drawbacks. - http://amp.gs/OBbb
#vue
GitHub
vuejs/rfcs
RFCs for substantial changes / feature additions to Vue core - vuejs/rfcs
Revisiting: Styling A Movie Cast List Using A Definition List And Flexbox
Ben Nadel shows how to style a Movie Cast List using a Definition List and CSS Flexbox. - http://amp.gs/On28
#css
Ben Nadel shows how to style a Movie Cast List using a Definition List and CSS Flexbox. - http://amp.gs/On28
#css
Bennadel
Revisiting: Styling A Movie Cast List Using A Definition List And Flexbox
Ben Nadel revisits his earlier code-kata on styling a Movie Cast List using a Definition List and CSS Flexbox, this time sharing thoughtful solutions that were suggested by Ilya Streltsyn and Sime Vidas.
A Guide to Rolling Your Own Node Authentication
The real title is “You don’t need passport.js” but while it’s a good exercise to implement your own authentication system to understand the details, middleware like Passport does make the process easier. - http://amp.gs/OG3j
#nodejs
The real title is “You don’t need passport.js” but while it’s a good exercise to implement your own authentication system to understand the details, middleware like Passport does make the process easier. - http://amp.gs/OG3j
#nodejs
Softwareontheroad: articles on node, react, angular, AWS
🛑 You don't need passport.js - Guide to node.js authentication ✌️
The complete guide to master authentication in node.js without external libraries. Part I
Patterns for Promoting PWA Installation on Mobile
How to promote the installation of Progressive Web Apps and best practices to follow. - http://amp.gs/Oxiv
#web
How to promote the installation of Progressive Web Apps and best practices to follow. - http://amp.gs/Oxiv
#web
Image Optimization In WordPress
Reducing the size of your images is a sure fire way to increase the speed of your website and lower the frustrations of your users. If you're running Wordpress (I'm guessing about 33% of you) then here's a few approaches you can use (non wordpress users will find it helpful too). - http://amp.gs/Ofmr
#optimization #images #wordpress
Reducing the size of your images is a sure fire way to increase the speed of your website and lower the frustrations of your users. If you're running Wordpress (I'm guessing about 33% of you) then here's a few approaches you can use (non wordpress users will find it helpful too). - http://amp.gs/Ofmr
#optimization #images #wordpress
Smashing Magazine
Image Optimization In WordPress — Smashing Magazine
In this article, Adelina Țucă explains how you can easily optimize all the images on your website (manually or on autopilot) in order to gain better loading times.
Building a Dynamic Tree Diagram with SVG and Vue.js
This article will take you through the author's journey into creating a dynamic tree diagram that uses cubic bezier curve paths and Vue.js for data reactivity. - http://amp.gs/Ofun
#vue
This article will take you through the author's journey into creating a dynamic tree diagram that uses cubic bezier curve paths and Vue.js for data reactivity. - http://amp.gs/Ofun
#vue
Medium
Building a Dynamic Tree Diagram with SVG and Vue.Js
Learn how to create a dynamic tree diagram with cubic bezier curve paths and Vue.Js for data reactivity.
Baking Accessibility Into Components: How Frameworks Help
Hidde de Vries shares some thoughts on seeing declarative component frameworks as a way to make the web more accessible. - http://amp.gs/OCfM
#css
Hidde de Vries shares some thoughts on seeing declarative component frameworks as a way to make the web more accessible. - http://amp.gs/OCfM
#css
hiddedevries.nl
Baking accessibility into components: how frameworks help
Some thoughts on seeing declarative component frameworks as a way to make the web more accessible, not less.
How to Use the Web Share API
This API provides a way to trigger the native share dialog of a device when sharing content, such as a link, directly from a website or web app. It's mostly focused on mobile use cases so far but the latest Safari build supports it too. - http://amp.gs/OCD0
#webapi
This API provides a way to trigger the native share dialog of a device when sharing content, such as a link, directly from a website or web app. It's mostly focused on mobile use cases so far but the latest Safari build supports it too. - http://amp.gs/OCD0
#webapi
CSS-Tricks
How to Use the Web Share API | CSS-Tricks
The Web Share API is one that has seemingly gone under the radar since it was first introduced in Chrome 61 for Android. In essence, it provides a way to
Mozilla Will Reportedly Launch a Paid Version of Firefox
A premium version of Firefox, offering a VPN and secure cloud storage, is expected to launch by October. - http://amp.gs/OktG
#news
A premium version of Firefox, offering a VPN and secure cloud storage, is expected to launch by October. - http://amp.gs/OktG
#news
The Next Web
Mozilla will launch a paid version of Firefox this fall (Updated)
Firefox premium will launch by October that'll have features like VPN (Virtual Private Network) and secure cloud storage.
Task Management Application Using Vue.js
The goal of this article is to help you understand the behind-the-scenes process of designing complex user interfaces and to pick up a few advanced tips such as drag-and-drop interface, form validation, bundle optimization and more. - http://amp.gs/OkLb
#vue
The goal of this article is to help you understand the behind-the-scenes process of designing complex user interfaces and to pick up a few advanced tips such as drag-and-drop interface, form validation, bundle optimization and more. - http://amp.gs/OkLb
#vue
Medium
Task Management Application Using Vue.js — Part 1
Thinking in components — Task management app example