30 Days Of React

30 Days of React Content and Source Code
Alternatives To 30 Days Of React
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Storybook82,08126,4875 hours ago1,044December 02, 20231,802mitTypeScript
Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.
Javascript Testing Best Practices22,956
2 months ago63mitJavaScript
📗🌐 🚢 Comprehensive and exhaustive JavaScript & Node.js testing best practices (July 2023)
Enzyme19,98451,43530,568a day ago54December 20, 2019283mitJavaScript
JavaScript Testing utilities for React
React Testing Library18,4742,70744,87812 days ago102November 17, 202339mitJavaScript
🐐 Simple and complete React DOM testing utilities that encourage good testing practices.
Keystone8,731492 days ago18November 16, 2022110mitTypeScript
The most powerful headless CMS for Node.js — built with GraphQL and React
React Cosmos8,052631442 hours ago430December 08, 20236mitTypeScript
Sandbox for developing and testing UI components in isolation
Realm Js5,4756361485 hours ago382November 23, 2023609apache-2.0TypeScript
Realm is a mobile database: an alternative to SQLite & key-value stores
React Hooks Testing Library5,1715076,80425 days ago53June 18, 202243mitTypeScript
🐏 Simple and complete React hooks testing utilities that encourage good testing practices.
Jest Cheat Sheet5,045
8 months agocc0-1.0
Jest cheat sheet
Pepperoni App Kit4,64528 months ago4March 24, 201771mitJavaScript
Pepperoni - React Native App Starter Kit for Android and iOS
Alternatives To 30 Days Of React
Select To Compare

Alternative Project Comparisons

30 Days of React

✨ An Introduction to React - in 30 Bite-Size Morsels

Written by Fullstack.io and friends

🚀 Introduction

Over the next 30 days, we'll walk through everything you need to know to work with React. From the very beginning through testing and deployment of our first app.

This repository contains the entire source and content for the article series of 30 Days of React hosted by the Fullstack React team.

👀 What's inside?

What is React?

What is JSX?

Our First Components

Complex Components



Lifecycle Hooks

Packaging and PropTypes



Pure Components


Repeating Elements

Fetching Remote Data

Introduction to Promises

Displaying Remote Data

Client-side Routing

Introduction to Flux

Data Management with Redux

Redux actions

Redux Middleware

Introduction to Testing

Implementing Tests

Testing the App

Better Testing with Enzyme

Integration Testing

Deployment Introduction


Continuous Integration

Wrap-up and More Resources

👩‍🏫 How to use this repository

Each day contains a full React application, following the same procedure used to create the article series. Most days can be run using the same basic steps (and for the days that require a bit more work, check out the tutorial series on the blog).

The steps run any 30 Days of React project are:

We can run these steps using the following commands:

# install the dependencies
yarn install

# start the project
yarn start

Since all of the days are built using the fantastic create-react-app tool, all of the commands are available from that project in every day.



Nate Murray

Peter Ho Yeung Chan


Fullstack React Book

Fullstack React Book

This repo was written and is maintained by the Fullstack React team. In the book we cover many more projects like this. We walk through each line of code, explain why it's there and how it works.

30 Days of React covers only the early basics of React. If you're looking to learn how to build real-world React apps, including libraries from the React ecosystem, there's no faster way than by spending a few hours with the Fullstack React book.

Popular Reactjs Projects
Popular Testing Projects
Popular Web User Interface Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Full Stack