The Tao of Redux: Practice and Philosophy
A look at common practices that are widely used in Redux apps and why those practices exist. - https://goo.gl/Z2DcpR

#redux

PrettyLoader: A Pattern for Wait Animations in React
If you have lots of components loading data from elsewhere, it’s worth thinking about the user experience during the ‘wait’ periods. - https://goo.gl/1mDz1t

#react #component

A Variety of Best Practices for Writing React Components - https://goo.gl/z5rzwM

#react #component

How To Create Native Cross-Platform Apps With Fuse
Fuse is a toolkit for creating apps that run on both iOS/Android devices. See how it works and how it compares to platforms such as React Native and NativeScript. - https://goo.gl/KZJ6w2

#reactnative #nativescript

Upgrading Ele.me to a Progressive Web App
An in-depth look at how a single page app (SPA) was refactored to a multi-page app (MPA) and finally a Progressive Web App with particular emphasis on performance - https://goo.gl/4RP5Af

#progressivewebapp

Building a Full-Sphere 3D Image Gallery with React VR - https://goo.gl/AZ9ZqZ

#react #vr

Developing Microservices with Node, React, and Docker
Learn how to quickly spin up a reproducible development environment with Docker to manage a number of Node microservices. - https://goo.gl/KrK3kY

#microservice #node #react #docker

PWABuilder
A collection of tools to help build and deploy Progressive Web Apps. - https://goo.gl/rp79m4

#progressivewebapp

How to Add a Splash Screen to a React Native App (iOS and Android) - https://goo.gl/U613ja

#reactnative #splashscreen

Making a Simple Site Work Offline with ServiceWorker - https://goo.gl/WWclk8

#serviceworker

mini.css - Minimal, Responsive, Style-agnostic CSS Framework
mini.css is a CSS framework designed to be lightweight, responsive and style-agnostic. - https://goo.gl/ObfGHC

#css #framework

CSS and The First Meaningful Paint
An exploration of best practices for loading CSS in the browser and how to achieve a ‘meaningful’ paint within 1000ms - .https://goo.gl/7sEyPo

#css

React Native Calendars: Customizable Calendar Components - https://goo.gl/V6gXLv

#reactnative #component

Using Reduced Motion on the Web
WebKit now supports the prefers-reduced-motion media feature. Here, James Craig from the WebKit team runs through a few demos of how the feature is intended to work. - https://goo.gl/yjR8h4

#responsive #design #motion

Writing and Testing an Event Sourcing Microservice with Kafka and Go
In this tutorial, we will take a look at how Kafka can help us with handling distributed messaging in a Go application, by using the Event Sourcing pattern - .https://goo.gl/7t9mdJ

#microservice #testing

Getting Started with React Native Navigation V1 - https://goo.gl/BpwGYd

#reactnative #nav

Designing a System of Microservices
Ultimately, the intent of this system design process is to help take a best guess on how to define service boundaries for microservices within a complex solution. Hopefully, the approach described here will both establish a good initial model for the services as well as making it easier to redraw the service boundaries down the road - .https://goo.gl/gsfFX3

#microservice #architecture

Next 3.0 Preview: Static Exports and Dynamic Imports
The framework for server-rendered React apps. - https://goo.gl/DDCLkK

#nodejs #next

The Many Faces of Functions in JavaScript
A look at a variety of syntactic forms for functions in JavaScript (e.g. arrow functions, generators). Stuff worth being familiar with. - https://goo.gl/hE2J9P

#javascript

Basic Patterns For Mobile Navigation: Pros And Cons
Five of the most popular mobile navigation patterns and the strengths and weaknesses of each. - https://goo.gl/yGBX8P

#mobile #nav #pattern #prosAndCons