Tag: react-hub

It's tricky to keep your codebase organized as your React project grows. Here are five best-practice tips for organizing your large React app.

Need to test your React components? Check out Jest, a testing framework by Facebook with some great features that make testing React components a breeze.

Learn how to generate a new React project with the command-line tool Create React App, using a pre-configured webpack build for development.

Jack Franklin lays out a set of tips and best practices for creating and organizing React applications in a scalable way.

Jack takes a look at higher-order components, a design pattern that helps keep your React apps tidy, well structured and easy to maintain.

Learn the basics of using forms in React: how to allow users to add or edit info, and how to work with input controls, validation, and 3rd-party libraries.

Nirmalya Ghosh shows you how to use Firebase's real-time database features, coupled with Create React App, to build a basic Reddit clone with live voting.

An introduction to JSX, explaining how it makes development easier, and why you shouldn’t be worried about separation-of-concerns issues.

Michael Wanyoike introduces the fundamentals of React, showing how to get started with Create React App and how to create a simple React app.

Michael Wanyoike walks you through building a full-stack JavaScript CRUD contact list application, using Node, FeathersJS and MongoDB for the back-end API.

Should you pick Angular or React? Pavels Jelisjevs looks in detail at what both frameworks have to offer, and gives some practical advice on how to choose.

Ahmed Bouchefra introduces Preact, a lightweight version of React with a growing community that's well suited to high-performance apps and slow 2G networks.

Michael Wanyoike introduces Redux, a framework that helps build complex projects in way that's easy to scale and maintain.

Jonathan explains how to share React components with a team and across different projects --- without changing source code, file structure or tooling.

Jatin Shridhar pushes through JS framework fatigue to introduce Next.js, a simple yet customizable solution to building production-ready SPAs.

Vasu walks through various strategies for modeling state, explaining when each of them can be used.

Camilo Reyes explores what it takes to unit test React components and the thought process required for making components testable.

Tony Spiro continues his React Blog App by introducing Flux.

Roger Jin explains how to get data from asynchronous APIs when using server-rendered React code.

Prasanna Mahendiran provides tips on structuring asynchronous requests in a React-Redux application.

In this hands-on tutorial, Hrishi Mittal shows how to build an idea board React app that works with a Rails 5.1 API.

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.

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

Use React and D3.js to build declarative, reusable visualization components. Swizec Teller waxes lyrical about the benefits of combining these two libraries

The creator of Charisma The Chameleon, Andrew Ray, looks at how to write 3D games declaratively using Three.js, ReactJS and WebGL.

Chris uses ReactJS, PHP, and Websockets to demonstrate how we can procedurally generate game terrain for our rip-off of Stardew Valley!

Chris bootstraps a basic Stardew-Valley-like game in this game development with PHP post, using an async server, preprocessors, and ReactJS!

Dan Prince shows how to build a Todo app using React, Redux, and Immutable.js, showing how to use these two libraries to manage state

In this post, we're going to learn how to create a music player using some of the new features in React 16.

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.