February 2019 – KEEPING GOING

Theming styled-components

💅 styled-components are a great way to handle CSS in React. If you’re new to styled-components check out our article styled-components, the Modern Way to Handle CSS in React for an introduction. In this post we’re going to create a simple email newsletter subscription form and use styled-components to handle Continue Reading

CSS in React

If you are new to React, you may be confused by the multitude of ways to style components. In this article, we’ll explore the different approaches, their pros and cons, and how you use them in practical, every-day applications. We’ll start with the original but less-common methods and work our Continue Reading

Using the New Portal Feature in React

React v16 introduced a new feature called portals. The documentation states that: Portals provide a first-class way to render children into a DOM node that exists outside the DOM hierarchy of the parent component. Normally, a functional or a class component renders a tree of React elements (usually generated from Continue Reading

I18n with React and i18next

More and more apps are being designed for the global market which means your app will need to work for an audience using various languages and dialects. React does not have internationalization (i18n) built-in, but it is not hard to internationalize an app, especially with the help from i18next. i18next Continue Reading

Getting Started with Webpack + React

This aim of this tutorial is to set up a development environment for a React application bundled using Webpack. While the merits of Webpack and other bundlers are continually compared, this tutorial will let you get started with Webpack and help you decide for yourself. Dependencies If you don’t have Continue Reading

A New Way to Handle Events in React

“Property Initializer Syntax” sounds more fancy than it really is. In this bite-sized tutorial see how this alternative way of writing event handlers will help eliminate boilerplate in your constructor and also defend against frivolous memory usage in your renders. In the Facebook docs, you’ll see event handling done like Continue Reading