Next.js 4 Released with Perf and Styling Upgrades

A new version of Next.js, a framework for building universal React apps, is out with support for React 16 and a major upgrade to its styling engine. - https://goo.gl/b6eNCN

#next4 #release

I’m Breaking up with Higher Order Components

Why one developer is preferring to write declarative, readable and flexible React components using render props instead of HOCs. -
https://goo.gl/3zkaZw

#react

Building Browser Extensions At Scale

An extensive overview of techniques, best practices, and things learned by Grammarly, creators of a popular browser extension. - https://goo.gl/Dgdh81

#extension

The Web at Maximum FPS: How WebRender Gets Rid of Jank

“WebRender isn’t really about making rendering faster. It’s about making it smoother.” A great look at improvements coming to Firefox soon. - https://goo.gl/boMMW5

#css

Node 8.7.0 was released - https://goo.gl/dT6pzr

#nodejs #release

Deploy Docker Images to Heroku with Container Registry

Heroku’s new Container Registry and Runtime is now generally available and brings together the benefits of Docker with those of Heroku. - https://goo.gl/2kCpKa

#docker #heroku

Redux: Architecting and Scaling A New Web App at The NY Times

How the NYT scaled a React app to serve more than a million users per month by leaning on Redux. - https://goo.gl/wUeMBK

#react #redux #video

The New Ease of Building App-Like, Reliable and Engaging Web Apps

Using Angular and Cloud Firestore (Google’s new database for Firebase) to create a basic PWA in less than 1 hour. - https://goo.gl/UUMC7F

#angular

Behind the Scenes of 7 React Conferences

A report on seven different React events that took place this year, with tips, highlights and pros/cons of each. - https://goo.gl/XHDhRU

#conf #react

Getting Started with Vue.js

Get started with Vue.js with this simple and clear tutorial. Vue is the new kid on the block and it is simple and easy to pick up! - https://goo.gl/DJLk4h

#vue

CSS Grid Challenge: Winners and Templates

Smashing Magazine ran a CSS Grid design challenge and here are the results. A good look at what’s possible with CSS Grid today. - https://goo.gl/fn5pzr

#css

Front-End conferences

This is a list of upcoming CSS, JavaScript and front-end conferences in 2017 and 2018. - https://goo.gl/udA5E7

#conferences #2017 #2018

Image Effects with CSS

A collection of CSS snippets to create fast, complex image effects, such as pencil drawing, watercolor painting, and the intriguing ‘flannel’. - https://goo.gl/6rnRhw

#css

Getting A High Progressive Web App Score On React and Material-UI

Basic techniques used to get a high score for a sample app based on a stack of React, Redux and Material-UI. - https://goo.gl/Y7mr57

#pwa #react

Offline First Masonry Grid Showcase with Vue

In this guest post by Christian Nwamba, you will learn how to build a masonry photo grid app with Vue.js. The app will be a Progressive Web App to ensure offline support. - https://goo.gl/Z99cwS

#vue #pwa

Redux is a JavaScript library that aims to simplify how we manage stateful data. Redux keeps all of our data in a single JS object called the Store. A single function, the reducer, is responsible for making modifications to the Store. We trigger the reducer by 'dispatching' an action - a JS object that describes how our data should change. The reducer function receives the action as an argument and makes changes accordingly. Other parts of the code (usually React Components) can subscribe to data in the Store. When data changes, Redux notifies subscribers of the change. - https://goo.gl/xnq4QV

#redux

Microsoft Edge for iOS & Android: What Developers Need to Know

Microsoft Edge is coming to iOS and Android using WebKit on iOS and Blink on Android. - https://goo.gl/eqntMs

#edge

Setting Up Webpack, Babel and React From Scratch, Revisited

An updated, detailed step-by-step guide for getting set up, following best practices and giving you a solid ground to start from. - https://goo.gl/aLtZJi

#webpack #babel #react