Skip to content
30 Days of React Content and Source Code
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
code brought over internal dir Jan 7, 2019
day-01 Merge branch 'master' of github.com:fullstackreact/30-days-of-react Aug 30, 2018
day-02 added cover.png for each chapter Aug 30, 2018
day-03 added cover.png for each chapter Aug 30, 2018
day-04 Git casing fix Jan 7, 2019
day-05 Merge branch 'master' of github.com:fullstackreact/30-days-of-react Aug 30, 2018
day-06 added cover.png for each chapter Aug 30, 2018
day-07 updated post 7 with a note about our other react hooks post Jan 7, 2019
day-08 added cover.png for each chapter Aug 30, 2018
day-09 added cover.png for each chapter Aug 30, 2018
day-10 added cover.png for each chapter Aug 30, 2018
day-11 added cover.png for each chapter Aug 30, 2018
day-12 added cover.png for each chapter Aug 30, 2018
day-13 added cover.png for each chapter Aug 30, 2018
day-14 added cover.png for each chapter Aug 30, 2018
day-15 added cover.png for each chapter Aug 30, 2018
day-16 added cover.png for each chapter Aug 30, 2018
day-17 added cover.png for each chapter Aug 30, 2018
day-18 added cover.png for each chapter Aug 30, 2018
day-19 added cover.png for each chapter Aug 30, 2018
day-20 added cover.png for each chapter Aug 30, 2018
day-21
day-22 added cover.png for each chapter Aug 30, 2018
day-23 added cover.png for each chapter Aug 30, 2018
day-24 added cover.png for each chapter Aug 30, 2018
day-25 added cover.png for each chapter Aug 30, 2018
day-26 cherry pick 37e2191746306729beab6d0ffd3f5d2ff6908c31 from fullstackre… Jan 7, 2019
day-27 added cover.png for each chapter Aug 30, 2018
day-28 added cover.png for each chapter Aug 30, 2018
day-29 added cover.png for each chapter Aug 30, 2018
day-30 brought over commits from fullstackreact-site Jan 7, 2019
images added book cover and pdf download button to readme Aug 30, 2018
internal proper markdown formatting of the table Aug 30, 2018
.all-contributorsrc Add @harms280 as a contributor Aug 30, 2018
.gitignore updated ignores Aug 30, 2018
README.md Add @harms280 as a contributor Aug 30, 2018
_params.yaml updated the URL to the git repo Jan 7, 2019
index.html
styles.css added images and internal files for fullstackreact.com Aug 29, 2018

README.md


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

Data-Driven

State

Lifecycle Hooks

Packaging and PropTypes

Styles

Interactivity

Pure Components

create-react-app

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

Deployment

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.

Contributors

Ari

Nate Murray

Peter Ho Yeung Chan

Aaron


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.

You can’t perform that action at this time.