React.js

JavaScript frameworks based on React can help you build a fast, reliable mobile app, but it’s not always easy to determine which framework is best for your project. Choosing the wrong framework can result in an app with slow and redundant code. JavaScript expert Sean Wang builds the same natural language processing mobile application using Cordova, Ionic, and React Native, then discusses the advantages and limitations of each.

Employing a test-driven development (TDD) approach in React projects tends to be straightforward, especially with the aid of Jest and Enzyme. However, there are a few things to look out for. In this article, Toptal JavaScript Developer Dave Hyungmok Lee demonstrates his React TDD process, from epics and user stories to development and production.

A relatively recent addition to React, hooks have already changed React development for the better through improved code readability and state management. But how do we test them? In this article, Toptal React Developer Avi Aryan outlines why it is crucial to test hooks and introduces us to his React Hooks testing routine.

Hooks have already changed the way we use React for the better. Add TypeScript to the mix, and developers can leverage static typing and type transformations to reduce the noise of many interface descriptions. In this article, Toptal Software Developer Nicolas Zozol demonstrates hooks and TypeScript in React and explains how this powerful combo can save time and streamline your code.

Inspired by stale-while-revalidate cache control logic, modern sites implement stale-while-refresh logic on the UI side. Thankfully, React Hooks make this logic painlessly reusable across components.

In a React/Webpack development scenario, there are myriad options to choose from. It's worth exploring some advanced techniques when it comes to TypeScript, CSS, web workers, and service workers.

When starting a new React project, you have many templates to choose from. These templates are able to support application development at a very large scale. But they leave the developer experience and bundle output saddled with various defaults, which may not be ideal.

While Redux is a great state management solution, it doesn’t support asynchronous behavior by default. A way around this is to use redux-observable, based on RxJS - a powerful library for reactive programming in JavaScript.

Integration tests provide a lot of value considering the time and effort required for testing. React integration tests improve code maintainability, yet they don’t slow down development. In this article, Toptal Software Developer Anton Rublev demonstrates how you can harness the power of react-testing-library to create superior code without wasting time.