Redux vs. the React Context API
A look at how the new context API in React 16.3 works, how it compares to Redux, and when you’d want to consider using one versus the other. - http://bit.ly/2v1Wewn
#react #redux
A look at how the new context API in React 16.3 works, how it compares to Redux, and when you’d want to consider using one versus the other. - http://bit.ly/2v1Wewn
#react #redux
Dave Ceddia
Redux vs. The React Context API
Adding Particle Effects to DOM Elements with Canvas
A neat tutorial showing how to create a basic HTML-to-particle effect. You have to balance a few concepts to make it work but the result is striking. - http://bit.ly/2M3Wsth
#css
A neat tutorial showing how to create a basic HTML-to-particle effect. You have to balance a few concepts to make it work but the result is striking. - http://bit.ly/2M3Wsth
#css
CSS-Tricks
Adding Particle Effects to DOM Elements with Canvas | CSS-Tricks
Let’s take a look at how to make web pages more visually capable by combining the freedom of with HTML elements. Specifically, we will be creating a basic
Vue.js - Forms, Components and Considerations
Forms are the main mechanism for an app to collect data from a user. If you’re using AJAX and a single-page application architecture, there are unique challenges including accessibility and usability. - http://bit.ly/2OtYQvk
#vue
Forms are the main mechanism for an app to collect data from a user. If you’re using AJAX and a single-page application architecture, there are unique challenges including accessibility and usability. - http://bit.ly/2OtYQvk
#vue
Medium
Vue.js — Forms, components and considerations
Forms are the key for an application to collect data from the user. Form handling is something that quickly gets out of hand if not…
End-to-End Testing React Apps with Puppeteer and Jest - http://bit.ly/2AnyMPi
#e2e #testing #react #puppeteer
#e2e #testing #react #puppeteer
LogRocket
End-to-end testing React apps with Puppeteer and Jest
In this tutorial, we'll see how to write tests for a React app using Jest and Puppeteer.
Hunting JS Memory Leaks in React Native Apps
A roundup of some approaches to debug and solve memory problems in a React Native app. - http://bit.ly/2NV87ev
#reactNative
A roundup of some approaches to debug and solve memory problems in a React Native app. - http://bit.ly/2NV87ev
#reactNative
Medium
Hunting JS memory leaks in React Native apps
At Software Mansion we are often asked by our clients to review their React Native apps for possible performance improvements. One of the…
A One Year PWA Retrospective
A look back at what it took to build Pinterest’s PWA and the metrics around customer response. - http://bit.ly/2K95XFX
#pwa
A look back at what it took to build Pinterest’s PWA and the metrics around customer response. - http://bit.ly/2K95XFX
#pwa
Medium
A one year PWA retrospective
Zack Argyle | Engineering manager, Core Experience
Chrome 68 Released: What’s New For Developers?
Other than the ‘Not Secure’ marker (above), Chrome 68 provides the Page Lifecycle API for you to detect when your tab has been suspended or restored, the Payment Handler API, and lots of neat DevTools improvements. - http://bit.ly/2Os8yhF
#chrome
Other than the ‘Not Secure’ marker (above), Chrome 68 provides the Page Lifecycle API for you to detect when your tab has been suspended or restored, the Payment Handler API, and lots of neat DevTools improvements. - http://bit.ly/2Os8yhF
#chrome
Chrome Developers
New in Chrome 68 - Chrome Developers
Chrome 68 brings changes to the Add to Home Screen behavior on Android, giving you more control. The page lifecycle API tells you when your tab has been suspended or restored. And the Payment Handler API makes it possible for web-based payment apps to support…
Building a Vue.js Whitelabel Solution
Whitelabel apps are made to be rebranded with ease. This tutorial shows you how to implement whitelabel features in a new or existing Vue.js app. - http://bit.ly/2LA3lq0
#vue
Whitelabel apps are made to be rebranded with ease. This tutorial shows you how to implement whitelabel features in a new or existing Vue.js app. - http://bit.ly/2LA3lq0
#vue
www.nickmcburney.co.uk
Building a Vue.js whitelabel solution - Nick McBurney | Front-end Developer
A WordPress starter for Gridsome
excel4node: An Excel Spreadsheet (XLSX) Generation Library
Conforms to the ECMA-376 OOXML specification 2nd edition and the examples in the documentation are quite thorough. ExcelJS is another option in this space. - http://bit.ly/2LLTBIQ
#nodejs #excel
Conforms to the ECMA-376 OOXML specification 2nd edition and the examples in the documentation are quite thorough. ExcelJS is another option in this space. - http://bit.ly/2LLTBIQ
#nodejs #excel
GitHub
GitHub - natergj/excel4node: Node module to allow for easy Excel file creation
Node module to allow for easy Excel file creation. Contribute to natergj/excel4node development by creating an account on GitHub.
👍1
Using Immutable.JS with React and Redux
A guide on when to use Immutable.js and how to use it with Redux. - http://bit.ly/2M0BUCd
#react #redux #immutableJS
A guide on when to use Immutable.js and how to use it with Redux. - http://bit.ly/2M0BUCd
#react #redux #immutableJS
Fullstack React
Fullstack React: Using Immutable.JS with React and Redux
A guide on when to use Immutable.js and how to use it with Redux
5 'Hot' New CSS Features and How to Use Them
Including the CSS Display module (e.g. display: contents), CSS overscroll behavior, conditional rules, and containment. - http://bit.ly/2NRrFR9
#css
Including the CSS Display module (e.g. display: contents), CSS overscroll behavior, conditional rules, and containment. - http://bit.ly/2NRrFR9
#css
Creative Bloq
5 hot new CSS features and how to use them
We explore the most exciting new properties coming to CSS.
👍1
Why Kent C. Dodds Never Uses Shallow Rendering
“Tests should help me be confident that my application is working and there are better ways to do that than shallow rendering.” - http://bit.ly/2viTIkz
#react
“Tests should help me be confident that my application is working and there are better ways to do that than shallow rendering.” - http://bit.ly/2viTIkz
#react
Kentcdodds
Why I Never Use Shallow Rendering
Tests should help me be confident that my application is working and there are better ways to do that than shallow rendering.
👍1
Why Apollo: Advantages, Disadvantages and Alternatives
If you’re using GraphQL in your apps, this run through of the pros and cons of using Apollo, plus links to some alternatives, may be worth a look. - http://bit.ly/2LLJxzA
#nodejs #apollo
If you’re using GraphQL in your apps, this run through of the pros and cons of using Apollo, plus links to some alternatives, may be worth a look. - http://bit.ly/2LLJxzA
#nodejs #apollo
www.robinwieruch.de
Why Apollo: Advantages and Disadvantages
Overview about the advantages and disadvantages of using Apollo and its ecosystem for JavaScript applications. It mentions also Apollo alternatives such as Urql and Relay for React applications ...
An In-Depth Look at the Page Lifecycle API
A Chrome-only API for now that brings app lifecycle features common on mobile operating systems to the web. It ships with Chrome 68. - http://bit.ly/2LBH4Z1
#pageLifecycleAPI
A Chrome-only API for now that brings app lifecycle features common on mobile operating systems to the web. It ships with Chrome 68. - http://bit.ly/2LBH4Z1
#pageLifecycleAPI
Google Developers
Page Lifecycle API | Web
| Google Developers
| Google Developers
The Page Lifecycle API brings app lifecycle features common on mobile operating systems to the web. Browsers are now able to safely freeze and discard background pages to conserve resources, and developers can safely handle these interventions without affecting…
Building “Renderless” Vue Components
There’s this popular analogy of Vue that goes like this: Vue is what you get when React and Angular come together and make a baby. - http://bit.ly/2NStAVA
#vue
There’s this popular analogy of Vue that goes like this: Vue is what you get when React and Angular come together and make a baby. - http://bit.ly/2NStAVA
#vue
CSS-Tricks
Building "Renderless" Vue Components | CSS-Tricks
There's this popular analogy of Vue that goes like this: Vue is what you get when React and Angular come together and make a baby. I've always shared this
👍1
Server-Side Vulnerability Fix Releases for All React 16.x Lines
If you’re using react-dom/server with any React 16.x release, you’ll want to upgrade. 16.4.2 is out which mitigates the bug, but releases of the 16.0, 16.1, 16.2, and 16.3 lines are out too if you’re not ready to jump to 16.4. - http://bit.ly/2LYILPN
#react
If you’re using react-dom/server with any React 16.x release, you’ll want to upgrade. 16.4.2 is out which mitigates the bug, but releases of the 16.0, 16.1, 16.2, and 16.3 lines are out too if you’re not ready to jump to 16.4. - http://bit.ly/2LYILPN
#react
reactjs.org
React v16.4.2: Server-side vulnerability fix – React Blog
We discovered a minor vulnerability that might affect some apps using ReactDOMServer. We are releasing a patch version for every affected React minor release so that you can upgrade with no friction. Read on for more details. Short Description Today, we…
Build an Instagram clone with Vue.js and CSSGram
In this article, we’ll walk through the steps needed to build an Instagram clone that lets users add Instagram-like posts with Instagram-like filters on to a feed! - http://bit.ly/2NWjgfk
#vue
In this article, we’ll walk through the steps needed to build an Instagram clone that lets users add Instagram-like posts with Instagram-like filters on to a feed! - http://bit.ly/2NWjgfk
#vue
Medium
Tutorial - Build an Instagram clone with Vue.js and CSSGram
By Hassan Djirdeh (@djirdehh)
Developing Real-Time Web Applications with Server-Sent Events
A detailed look at how to create real-time web apps using SSE which is supported by all major browsers except Edge (which can be polyfilled). - http://bit.ly/2OrOpbv
#nodejs
A detailed look at how to create real-time web apps using SSE which is supported by all major browsers except Edge (which can be polyfilled). - http://bit.ly/2OrOpbv
#nodejs
Auth0 - Blog
Developing Real-Time Web Applications with Server-Sent Events
Learn how to create real-time web applications by using the Server-Sent Events specification.
Why Discord is Sticking with React Native
A look back at how chat platform Discord has used React Native over the past three years, reaping “the benefits of quickly leveraging reusable code across platforms”. After a few “we’re moving away from React Native” stories recently, it’s nice to see this one. - http://bit.ly/2Oup40r
#reactNative
A look back at how chat platform Discord has used React Native over the past three years, reaping “the benefits of quickly leveraging reusable code across platforms”. After a few “we’re moving away from React Native” stories recently, it’s nice to see this one. - http://bit.ly/2Oup40r
#reactNative
Discord Blog
Why Discord is Sticking with React Native
Being one of the first apps built with React Native, we were excited to share our first year journey using React Native back in 2016.
Logging Activity with the Web Beacon API
The Beacon API is a Web API (supported by all major browsers) that provides an efficient way for data to be asynchronously sent from a page back to a server for logging purposes. - http://bit.ly/2OLSBD1
#javascript
The Beacon API is a Web API (supported by all major browsers) that provides an efficient way for data to be asynchronously sent from a page back to a server for logging purposes. - http://bit.ly/2OLSBD1
#javascript
Smashing Magazine
Logging Activity With The Web Beacon API — Smashing Magazine
The Beacon API is a lightweight and efficient way to log information from a web page back to a server. Find out how that can be used and what makes it so different from traditional Ajax techniques.