If you are familiar with React, then you probably have a general understanding of its component lifecycle. As a general rule, whenever a component’s props change, React will re-render the component.
At Atomic Object, a lot of our teams have been using React lately. Because of this, we’ve designed some of our recent bootcamps to ramp new employees up on it. In this post, I’ll go over some of the steps I would recommend when introducing yourself to React. 1. Set Up Your Environment The first […]
Typically, when working in React, it’s best to split UI elements into separate, reusable parts. This allows for more modular code and finer control over each element. However, this goes against the way D3 operates, which is to subsequently call dot operators, building up elements and groups of elements. So how can we utilize D3 […]
Getting UI elements for free is a good feeling. When it comes to popup notifications, other frameworks provide these components for free. For instance, Rails has flashes and Android has snackbars. React is a moving target, so pulling in external libraries can help simplify situations, but it may prevent extensibility later.
Form validation is one part of web development that I’ve never really enjoyed. Part of what I love about programming is getting to spend my day solving challenging problems; form validation feels more like a mundane chore.
We’ve recently been using a combination of TypeScript, GraphQL, and React on a number of single-page app projects at Atomic. These technologies works extremely well together, but only after a significant investment in configuration, tooling, and ergonomics.
Just about any app you write needs a way to manage state. Redux manages state and state transformations and is often used with React, but React has its own concept of state. When using these libraries, it’s good to know which to use when. Even if you choose to use Redux in your project, you […]
Every React project is a little different. This can make choosing the right testing setup difficult. Both Jest and Mocha seem to be popular within the React community. There are tons of folks using Jest, though others seem to prefer Mocha (for example, the Enzyme docs and examples use Mocha). So which one should you […]
Over the past few months, I’ve really been enjoying learning to use React for front-end web development. I love how React encourages you to write clean code by breaking your presentation components into small chunks that are easy to reuse. Lately, I’ve been working on an approach to add form validation to React components, and I’d like to […]