React Daily Ui
| Project Name | Stars | Downloads | Repos Using This | Packages Using This | Most Recent Commit | Total Releases | Latest Release | Open Issues | License | Language |
|---|---|---|---|---|---|---|---|---|---|---|
| Free Programming Books Zh_cn | 104,527 | 25 days ago | 30 | gpl-3.0 | ||||||
| :books: 免费的计算机编程类中文书籍，欢迎投稿 | ||||||||||
| React In Patterns | 12,744 |  | 2 | a month ago | 2 | July 29, 2016 | 7 | mit | JavaScript | |
| A free book that talks about design patterns/techniques used while developing with React. | ||||||||||
| Typescript Book Chinese | 5,993 | 7 months ago | 51 | mit | TypeScript | |||||
| TypeScript Deep Dive 中文版 | ||||||||||
| Js Dev Reads | 3,899 | a year ago | 1 | |||||||
| A list of books 📚and articles 📝 for the discerning web developer to read. | ||||||||||
| Fullstack Web Developer Path | 3,347 | a month ago | 6 | mit | ||||||
| 📚 A learning path for Full-stack web development | ||||||||||
| Learning React | 3,311 | 3 months ago | 115 | JavaScript | ||||||
| The code samples for Learning React by Alex Banks and Eve Porcello, published by O'Reilly Media | ||||||||||
| Reactjs_koans | 3,110 |  | 1 | 4 years ago | 4 | November 06, 2015 | 14 | mit | JavaScript | |
| Learn basics of React.js making the tests pass | ||||||||||
| The Road To Learn React | 2,529 | 3 years ago | 19 | |||||||
| 📓The Road to learn React: Your journey to master plain yet pragmatic React.js | ||||||||||
| React Book | 2,018 | 6 years ago | 25 | JavaScript | ||||||
| From apprentice to master (CC BY-NC-ND) | ||||||||||
| 30 Days Of React | 1,940 | 5 months ago | 156 | JavaScript | ||||||
| 30 Days of React Content and Source Code | ||||||||||
React Daily UI 
A collection of React apps built by Jack Oliver and blogged by Sophia Shoemaker and the Fullstack React team.
Check out the full CodePen collection here.
We are excited to be partnering with Jack Oliver, a designer and developer who is embarking on an ambitious project to create 100 React UI components in 100 days.
In the series, we will be taking Jack Oliver's code and design and desconstructing them to give you a step-by-step picture of how all the pieces fit together and hopefully inspire you to write some React code of your own.
Days
| Day | Preview | Description | Blog |
|---|---|---|---|
| 001 |  |
Create a sign-up form | ✅ 🐬 ➡️ |
| 002 |  |
Checkout form | ✅ 🐬 ➡️ |
| 003 |  |
Netflix Landing Page | ✅ 🐬 ➡️ |
| 004 |  |
3D Calculator | ✅ 🐬 ➡️ |
| 005 |  |
Weather App Icon | ✅ 🐬 ➡️ |
| 006 |  |
Profile Page | ✅ 🐬 ➡️ |
| 007 |  |
Reactagram | ✅ 🐬 ➡️ |
Instructions
All of Jack Oliver's original designs and code are hosted on Codepen. For the purposes of this blog series, we have created this Github repository containing all the code for each daily component.
We've used the create-react-app tool to set up our environment. To run the code cd into each individual folder and run the following commands:
-
npm installwill install all the libraries you'll need to get each Daily UI running. -
npm startcompiles all of your files and boots up a dev server. Browse tolocalhost:3000to find your application running.
Prerequisites
You'll need to have node and npm installed on your machine to run the commands. Head over to the node.js website and download the neccessary files to get those installed.
Authors
This series is a joint effort between:
Contributing
git clone https://github.com/fullstackreact/react-daily-ui.git
cd react-daily-ui
Fullstack React Book
This React Daily UI repository was built alongside the React Daily UI blog series.
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.
This collection React application only a sample of what our book offers. If you're looking to learn React, there's no faster way than by spending a few hours with the Fullstack React book.
