react | Atomic Spin

UX/Design Techniques

Practices for Harnessing SCSS with React

We have been hard at work on a client project using React, and we've established a set of rules to help us keep the CSS in order.

Web Apps

Testing React App SEO using Fetch as Google

How to use Fetch as Google to test the SEO visibility of a single-page app written in React, plus a few experiments.

Web Apps

React and TypeScript – The Basics

What's required to set up a React TypeScript project, how basic React/Redux type definitions work, & how React with TypeScript is different than JavaScript.

Web Apps

React + Reselect – Memoized Selectors for Efficient Rendering

The Reselect library for React is useful any time you have props being mutated in your component chain that should be memoized for rendering sake.

Web Apps

Five Steps to Learn React Quickly

A lot of our teams are using React, so we've designed some of our recent bootcamps to ramp in new employees. These are some of the steps I'd recommend.

Web Apps

Using D3 with React and TypeScript

How can we utilize D3 in a meaningful way while simultaneously breaking up our elements into individual components for React?

TypeScript

Making Toast from Scratch in React-Redux

How to make a React-Redux pop-up notification or toast in a manageable way using Typescript.

Web Apps

Elegant Form Validation Using React – Demo

One of my goals was Composability. I wanted to be able to define a collection of form requirements that could be applied to form fields as needed.

Web Apps

Atomic SPA Starter Kit: TypeScript, GraphQL, ReactJS

Our new SPA framework with TypeScript, GraphQL, and ReactJS. It's a starter kit for building single-page web apps backed by an API.

Web Apps

React State vs. Redux State: When and Why?

Even if you choose to use Redux in your project, you will still need to make decisions on how much of your data is stored in Redux.

Developer Tools

React Testing – Jest or Mocha?

Comparing the weaknesses and strengths of Mocah and Jest for testing React.js projects. It comes down to flexibility and extensibility vs. ease of use.

Web Apps

Elegant Form Validation Using React

My new approach to form validation of React components only requires a few lines of code, and the rules are specified in a declarative way.