On a recent project, we needed to support multi-level tab bar navigation within our application. With multiple variations of tab bars, each page needed to know which tabs to show. We found that TypeScript offered a good solution.
A while ago, I was working on a project based off the Atomic SPA Starter Kit, which uses TypeScript, React, and GraphQL. One of the features we needed to build was a file upload component that supported dragging and dropping a file from a separate window onto the UI.
I love Create React App, and I also love TypeScript. That means I really love react-scripts-ts, which is a great way to spin up a new SPA for experimental purposes.
Our team recently started using React Storybook for a large React app that we have been building. In this post, I’ll share what we learned and hopefully encourage you to consider incorporating Storybook into your next React project.
We have been hard at work on a client project using React. We haven’t made our way to implementing CSS Modules yet, but we’ve established a set of rules to help us keep the CSS in order.
When developing a website, you might be interested in understanding how well search engines can crawl and understand it. Google offers a tool called Fetch as Google that can help answer that question. In this post, I’ll explain how to use Fetch as Google to test your website. It can be used for any website; […]
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 […]