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

An Abridged Cartoon Introduction
To WebAssemblyLin Clark explains what exactly WebAssembly is, and what makes it fast. - https://goo.gl/8JfZtX

#webassembly

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

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

Best Practices for Horizontal Lists in Mobile - https://goo.gl/g7z4F6

#mobile #bestPractices #horizontalList

Workbox: JavaScript Libraries for Progressive Web Apps
“Workbox is a rethink of (Google’s) previous service worker libraries with a focus on modularity.” - https://goo.gl/yEvgzO

#progressivewebapp

5 Tips For Building High Performance PhoneGap Apps
Learn these 5 important tips to use for building high performance hybrid apps with PhoneGap. - https://goo.gl/E4UGFl

#hybrid #phonegap #tips

11 (So Far) Videos from JSConf EU 2017 - https://goo.gl/wdizfX

#jsconf

React Table: A Fast and Extendable DatagridTANNER LINSLEY - https://goo.gl/MUqJR2

#react #component #table #code

':focus-within': For When An Element or Child Gets Focus
The :focus-within property is now supported in a few major browsers and there’s a polyfill to use for full coverage. - https://goo.gl/kAU8CM

#css

Everything we Learned Building a Backend-as-a-Service
Baqend is building a Backend-as-a-Service (BaaS) service that is geared towards scalability and web performance. Coming from research, they try to be open about the architecture of the platform and therefore would love to share how everything works at a technical level - .https://goo.gl/zWZtHl

#microservice

Rearchitecting Airbnb’s Frontend
The tale of Airbnb’s move away from a fully server rendered Rails-based solution to a hybrid approach involving React, React Router, and Hypernova for server-side rendering of React views. - https://goo.gl/cbYU00

#react