React.js

Showing 1-9 of 17 results
EngineeringIcon ChevronMobile

Build a QR Scanner: A React Native Camera Tutorial

by Bassam Seif

Cross-platform mobile apps are increasingly being built with React Native. But how can you scan for QR codes and augment the user's camera view when they're present?

6 minute readContinue Reading
EngineeringIcon ChevronWeb front-end

React Tutorial: Components, Hooks, and Performance

by Kamil Jakubczak

In recent years, React has established itself as the most popular library in the JavaScript universe. However, rather than rest on its laurels, the React team is still working hard to make it better. In the second part of our React tutorial series, Toptal JavaScript Developer Kamil Jakubczak takes a closer look at some of its features, including hooks, the latest addition to React.

16 minute readContinue Reading
EngineeringIcon ChevronWeb front-end

Working with the React Context API

by Boris Yordanov

The React Context API was been around as an experimental feature for a while now but finally became safe to use in production last year, solving one major problem React problem — prop drilling. In this article, Toptal Freelance Javascript Developer Boris Yordanov will introduce us to the API and illustrate it with two basic web store apps, one built with the Context API and one without it.

5 minute readContinue Reading
EngineeringIcon ChevronWeb front-end

React Tutorial: How to Get Started and How it Compares

by Kamil Jakubczak

In recent years, React went from being an also-ran in the JavaScript universe to the most popular JS library. However, how does React stack up against Angular and VueJS in 2019? In the first part of our React tutorial series, Toptal JavaScript Developer Kamil Jakubczak outlines the reasons behind React’s popularity and explains how to get started on your first React app.

12 minute readContinue Reading
EngineeringIcon ChevronWeb front-end

Top Level Control with Redux State Management: A ClojureScript Tutorial

by Luke Tomlin

ClojureScript is the tool of choice for front-end developers who have tried it. Recently in this series, we showed how to use it to get started with React. In today's tutorial, Toptal Freelance Clojure Developer Luke Tomlin dives into how to use Redux for React state management in ClojureScript.

10 minute readContinue Reading
EngineeringIcon ChevronWeb front-end

Unearthing ClojureScript for Front-end Development

by Luke Tomlin

ClojureScript and its multiparadigm approach (with an emphasis on functional programming) may sound esoteric to some front-end developers. But it's amazing to work with, and getting started with it is far simpler than one might imagine. In this tutorial, Toptal Freelance Clojure Developer Luke Tomlin shows off some key features, getting straight into a React demo using Reagent and the Hiccup syntax.

10 minute readContinue Reading
EngineeringIcon ChevronWeb front-end

Cordova Frameworks: Ionic vs. Framework7

by Alexander Zinchuk

Hybrid mobile apps may have their limitations, but often it's well worth the boost in cross-platform consistency and development speed. Apps made with Apache Cordova in particular can further leverage existing web developer skills through the use of Cordova frameworks. This tutorial compares Ionic with Framework7.

13 minute readContinue Reading
EngineeringIcon ChevronMobile

A Cold Dive into React Native (Tutorial for Beginners)

by Johannes Stein

The development of cross-platform mobile applications has always been a source of many challenges. Although tools like Apache Cordova and Haxe do solve some of the associated issues, they are still not the ideal solution in many cases. React Native changes that by providing the power of React.js for mobile platforms and a promise of consistent developer experience across multiple platforms.

15 minute readContinue Reading
EngineeringIcon ChevronWeb front-end

Test-driven React.js Development: React.js Unit Testing with Enzyme and Jest

by Alonso Ayala Ortega

Any piece of code that has no tests is said to be legacy code according to Michael Feathers. Therefore, one of the best ways to avoid creating legacy code is using test-driven development (TDD). While there are many tools available to create unit tests in JavaScript and, in this post, we will use Jest and Enzyme to create a React.js component with basic functionality using TDD.

7 minute readContinue Reading

Join the Toptal® community.