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
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
Medium
Upgrading Ele.me to Progressive Web App
Since the very first experiments that @Vue.js tweeted, we at Ele.me (the biggest food ordering and delivering company in China) have been…
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
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
mherman.org
Developing Microservices - Node, React, and Docker - Michael Herman
This tutorial details how to quickly spin up a reproducible development environment with Docker to manage a number of Node.js microservices.
PWABuilder
A collection of tools to help build and deploy Progressive Web Apps. - https://goo.gl/rp79m4
#progressivewebapp
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
#reactnative #splashscreen
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
mini.css is a CSS framework designed to be lightweight, responsive and style-agnostic. - https://goo.gl/ObfGHC
#css #framework
minicss.org
mini.css - Minimal, responsive, style-agnostic CSS framework
mini.css is a tiny CSS framework designed to build quick, modern and responsive websites.
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
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
Sessions by Pusher
CSS and the First Meaningful Paint - Sessions by Pusher
In this talk we will take a journey exploring the current, past, and future best-practices for loading CSS in the browser and how we can achieve a first meaningful paint within 1000ms. Ultimately creating a faster, more resilient experience for our users.
React Native Calendars: Customizable Calendar Components - https://goo.gl/V6gXLv
#reactnative #component
#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
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
WebKit
Responsive Design for 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
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
Semaphoreci
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.
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
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
www.apiacademy.co
Designing a Microservice System | API Design and Strategy
Large organizations struggle with determining how to define boundaries between microservices. Ideally, this should be a technology-agnostic modelling exercise.
Next 3.0 Preview: Static Exports and Dynamic Imports
The framework for server-rendered React apps. - https://goo.gl/DDCLkK
#nodejs #next
The framework for server-rendered React apps. - https://goo.gl/DDCLkK
#nodejs #next
zeit.co
Next 3.0 Preview
Next 3.0 features Static Exports with one command and Dynamic Imports
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
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
Bocoup
The Many Faces of Functions in JavaScript - Bocoup
Web Platform Consulting Services
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
Five of the most popular mobile navigation patterns and the strengths and weaknesses of each. - https://goo.gl/yGBX8P
#mobile #nav #pattern #prosAndCons
Smashing Magazine
Basic Patterns For Mobile Navigation: Pros And Cons
Once someone starts using your app, they need to know where to go and how to get there at any point. Good navigation is a vehicle that takes users where they want to go. But establishing good navigation is a challenge on mobile due to the limitations of the…
An Abridged Cartoon Introduction
To WebAssemblyLin Clark explains what exactly WebAssembly is, and what makes it fast. - https://goo.gl/8JfZtX
#webassembly
To WebAssemblyLin Clark explains what exactly WebAssembly is, and what makes it fast. - https://goo.gl/8JfZtX
#webassembly
Smashing Magazine
An Abridged Cartoon Introduction To WebAssembly
There's a lot of hype about WebAssembly in JavaScript circles today. People talk about how blazingly fast it is, and how it's going to revolutionize web development. But most conversations don't **go into the details of why it's fast**. In this article, I…
Approaches to Rendering Maps With React
A quick look at React Leaflet, Pigeon Maps, Google Map React, and React MapGL. - https://goo.gl/7P0V6F
#react #component
A quick look at React Leaflet, Pigeon Maps, Google Map React, and React MapGL. - https://goo.gl/7P0V6F
#react #component
Fluid Responsive Typography with CSS PolyFluid Sizing
How to create scalable, fluid typography across multiple breakpoints and predefined font sizes using ‘Poly Fluid Sizing’. - https://goo.gl/0MAbzx
#css #typography
How to create scalable, fluid typography across multiple breakpoints and predefined font sizes using ‘Poly Fluid Sizing’. - https://goo.gl/0MAbzx
#css #typography
Smashing Magazine
Fluid Responsive Typography With CSS Poly Fluid Sizing
Fluid layouts have been a normal part of front-end development for years. The idea of fluid typography, however, is relatively new and has yet to be fully explored. Up until now, most developers' idea of fluid typography is simply using Viewport units maybe…