How to Automatically Optimize Responsive Images in Gatsby
JavaScript
By Michael Wanyoike,
Learn how to automatically deliver optimized, responsive images to users of your Gatsby.js site.
React — SitePoint
Recent
Create an Offline-first React Native App Using WatermelonDB
JavaScript
By Dhanraj Acharya,
Dhanraj Acharya covers database options in React Native and walks through an example app using models, schema, actions, and reactive components in WatermelonDB.
State Management in React Native
JavaScript
By Akshay Kadam,
Akshay Kadam explores the core concepts of setting state in React Native, covering what state actually is, the setState() method, the Context API and React Hooks.
A Beginner’s Guide to Feathers.js
JavaScript
By Michael Wanyoike,
In this guide, you’ll learn how to build a RESTful API server in Node.js using Feathers.js.
A Deep Dive into Redux
JavaScript
By Camilo Reyes,
Camilo Reyes delves into Redux’s state container by building a payroll processing engine — in plain JavaScript with TypeScript for type checking, and also using Jest to verify the app.
Explore GraphQL with Apollo & React: Build a Superhero Database
JavaScript
By Joe Hewitson,
We shed some light on what GraphQL is and give you an opportunity for some hands-on experience with Apollo and React.
9 Helpful Tools for React Development
JavaScript
By Camilo Reyes,
React is a collection of tools and libraries that are independent of each other, which can be daunting for React developers with a job to do.
Develop an Android App with React Native & Publish on Google Play
JavaScript
By Karl Penzhorn,
In this tutorial, you’ll build a React Native app. I’ll walk you through picking a design, setting up React Native, and publishing on Google Play.
Build a Simple Web App with Express, React and GraphQL
JavaScript
By Braden Kelley,
Today I’ll show you how to use Express to create a GraphQL server, as well as how to create a single-page app in React that uses Apollo’s client to query the server.
Do You Need to Know React as a WordPress Developer?
WordPress
By Josh Pollock,
Gutenberg is a JavaScript-driven interface. Specifically, it is built using Facebook’s open-source user interface library React. This post explains a little bit about creating your own custom blocks for use in the Gutenberg editor using JavaScript.
How to Build React 16 Web Apps with the Sencha Grid
JavaScript
By Sandeep Adwankar,
If you’re developing a data-driven web application with React 16, chances are you’ll use a grid or spreadsheet-like interface at some point to display data for your users.
Build a Health Tracking App with React, GraphQL, and User Authentication
JavaScript
By Matt Raible,
I’m going to show you how to build a GraphQL API with Vesper framework, TypeORM, and MySQL. These are Node frameworks, and I’ll use TypeScript for the language. For the client, I’ll use React, reactstrap, and Apollo Client to talk to the API.
CSS and PWAs: Some Tips for Building Progressive Web Apps
HTML & CSS
By David Attard,
In this article on CSS and PWAs, David Attard discusses a number of techniques that can be used when creating the CSS required for the development of PWAs.
Build a Basic CRUD App with Node and React
JavaScript
By Braden Kelley,
In this tutorial, I’ll walk you through creating both a frontend web app in React and a backend REST API server in Node.
Build a To-do List with Hyperapp, the 1KB JS Micro-framework
JavaScript
By DAZ,
Daz shows how build a to-do list app with Hyperapp, a pragmatic and ultralight framework for building SPAs that achieves results similar to React and Redux.
Build a JavaScript Single Page App Without a Framework
JavaScript
By Michael Wanyoike,
Michael shows how to build an SPA from scratch, without using a client-side JavaScript framework — helping you evaluate what these frameworks actually do.
Integrating Bootstrap with React: a Guide for Developers
HTML & CSS
By Manjunath M,
Manjunath M. shows how to combine Bootstrap with React, exploring tools for building a UI with Bootstrap’s look and feel in a React-powered web application.
Building a Full-Sphere 3D Image Gallery with React VR
JavaScript
By Michaela Lehr,
Virtual Reality is set to change the way we use computers and the web. Michaela Lehr shows you how to use React VR to declaratively create 3D applications.
How to Build a Simple Blog Using React and GraphQL
JavaScript
By Tony Spiro,
This tutorial shows you how to easily create a simple blog that is both fast and light-weight, using React, GraphQL and Cosmic JS.
Build a React App with User Authentication in 15 Minutes
JavaScript
By Lee Brandt,
Lee Brandt walks us through adding user authentication into your React apps in just 15 minutes.
6 Pro Tips from React Developers
JavaScript
By Gregg Pollack, Adam Jahr, Angela Molina,
If you’re new to React, you could benefit from learning from React developers who’ve learned valuable lessons about the framework.
Building a React Universal Blog App: Implementing Flux
JavaScript
By Tony Spiro,
Tony Spiro continues his React Blog App by introducing Flux.
Building a React Universal Blog App: A Step-by-Step Guide
JavaScript
By Tony Spiro,
Tony Spiro shows how to build a React Universal Blog App that will first render markup on the server side to make your content available to search engines.
Redux vs MobX: Which Is Best for Your Project?
JavaScript
By Michael Wanyoike,
MobX is popular for React state management, but how does it measure up to Redux? Michael Wanyoike compares both and shows how to migrate from Redux to MobX
Building Animated Components, or How React Makes D3 Better
JavaScript
By Swizec Teller,
Use React and D3.js to build declarative, reusable visualization components. Swizec Teller waxes lyrical about the benefits of combining these two libraries
Building a Game with Three.js, React and WebGL
JavaScript
By Andrew Ray,
The creator of Charisma The Chameleon, Andrew Ray, looks at how to write 3D games declaratively using Three.js, ReactJS and WebGL.
How to Build a Todo App Using React, Redux, and Immutable.js
JavaScript
By Dan Prince,
Dan Prince shows how to build a Todo app using React, Redux, and Immutable.js.
How to Learn React: Everything You Need to Get Started
JavaScript
By Adam Roberts,
No matter where you are on your journey, the best React content you need is here - take a look and dive in!
React for Angular Developers
JavaScript
By Mark Brown,
Are you an Angular dev looking to get started with React? If so, then join Mark Brown for a guided tour of the differences and similarities between the two.
Styling in React: From External CSS to Styled Components
JavaScript
By Chris Laughlin,
Chris Laughlin takes a look at some of the options for applying CSS styles to React components, and introduces the styled-components library.