Category: React.js

Working with Data in React: Properties & State

This article is part of a web development series from Microsoft. Thank you for supporting the partners who make SitePoint possible. Managing data is essential to any application. Orchestrating the flow of data through the user interface (UI) of an application can be challenging. Often, today’s web applications have c...

How to Scan Fingerprints with Async PHP and React Native

We live in interesting times. A short while ago, a company called OfferZen announced a new, programmable credit card. It’s been a long time since I was this excited to get my hands on a piece of tech. My mind has been brimming with ideas ever since. So, I decided to write about one of them! I’m going to des...

Optimizing React Performance with Stateless Components

This story is about stateless components. This means components that don’t have any this.state = { ... } calls in them. They only deal with incoming “props” and sub-components. First, the Super Basics import React, { Component } from 'react' class User extends Component { render() { const {...

How to Organize a Large React Application and Make It Scale

This article is by guest author Jack Franklin. SitePoint guest posts aim to bring you engaging content from prominent writers and speakers of the Web community In this article, I’ll discuss the approach I take when building and structuring large React applications. One of the best features of React is how it gets...

Styling in React: From External CSS to Styled Components

While many aspects of building applications with React have been standardized to some degree, styling is one area where there are still a lot of competing options. Each has its pros can cons, and there is no clear best choice. In this article, I will provide a condensed overview of the progression in web application st...

React vs Angular: An In-depth Comparison

Should I choose Angular, or React? Today’s bipolar landscape of JavaScript frameworks has left many of developers struggling to pick a side in this debate. Whether you’re a newcomer trying to figure out where to start, a freelancer picking a framework for your next project or an enterprise-grade architect p...

React Quickly: How to Work with Forms in React

How to Work with Forms in React is an excerpt from React Quickly, a hands-on book by Azat Mardan for anyone who wants to learn React.js fast. This article covers how to capture text input and input via other form elements like input, textarea, and option. Working with them is paramount to web development, because they ...

Getting React Projects Ready Fast with Pre-configured Builds

Starting a new React project now days is not as simple as we’d like it to be. Instead of instantly diving into the code and bringing your application to life, you have to spend time configuring the right build tools to set up a local development environment, unit testing, and a production build. But there are pro...

Watch: A Lesson on React Props, Defaults and Modules

React and ES6 seems to be on everyone’s mind lately. Today I want to show you the ins and outs of React Props written with ES6. In this video tutorial you’ll be learning about properties, defaults, and modules. Why? It will help you understand the basics about the property types your components can receive....