Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/posquit0/react-tutorial
Written for educating the modern web development to the students
https://github.com/posquit0/react-tutorial
component modern-web poapper react react-tutorial redux tutorial
Last synced: 23 days ago
JSON representation
Written for educating the modern web development to the students
- Host: GitHub
- URL: https://github.com/posquit0/react-tutorial
- Owner: posquit0
- License: mit
- Created: 2017-03-27T10:33:18.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2017-05-21T11:42:23.000Z (over 7 years ago)
- Last Synced: 2024-10-05T01:50:38.775Z (about 1 month ago)
- Topics: component, modern-web, poapper, react, react-tutorial, redux, tutorial
- Language: JavaScript
- Homepage:
- Size: 95.7 KB
- Stars: 17
- Watchers: 5
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
React Tutorial
A Tutorial for learning React
**React Tutorial**은 [포애퍼](http://www.poapper.com)에서 대학생들에게 모던 웹 개발 입문을 가르치기 위하여 작성된 커리큘럼입니다.
## Curriculum
페이스북에서 만든 UI(User Interface) 라이브러리, [**리액트(React)**](https://facebook.github.io/react/)를 활용한 모던 웹 개발 방법을 다룹니다.
| # | Title | Estimated Time |
| :--: |----------------------------------------------------------------- | :------------- |
| 0x00 | [Hello React!](00-hello-world/) | 40 mins |
| 0x01 | [Create React App](01-create-react-app/) | 20 mins |
| 0x02 | [Simple Contacts](02-simple-contacts/) | 40 mins |
| 0x03 | [Oh My Youtube](03-oh-my-youtube/) | 50 mins |
| 0x04 | PropTypes & Lifecycle | xx mins |
| 0x05 | React Router | xx mins |
| 0x06 | React + Redux | xx mins |
## Extra Curriculum
이 커리큘럼을 이해하기 위한 이해하고 있어야 할 선수지식을 추가 커리큘럼을 통해 다룹니다. 그 외 웹 개발에 도움이 될 수 있는 내용도 다룹니다. 해당 내용이 필요하다 생각되는 경우 학습하도록 합니다.
| # | Title | Estimated Time |
| :--: |----------------------------------------------------------------- | :------------- |
| 0x90 | [Web Basics](90-web-basics/) | 110 mins |
| 0x91 | [Component based Design](91-component-based-design/) | 30 mins |
| 0x92 | [Git Basics](92-git-basics/) | 60 mins |
| 0x93 | [Be Nerd of Vim](93-be-nerd-of-vim/) | 50 mins |
| 0x94 | [Be Nerd of Zsh](94-be-nerd-of-zsh/) | 20 mins |
| 0x95 | [Be Nerd of TMUX](95-be-nerd-of-tmux/) | 20 mins |
| 0x96 | [Nginx Basics](96-nginx-basics/) | 40 mins |
| 0x97 | [Introduction of LetsEncrypt](97-intro-of-letsencrypt/) | 40 mins |
| 0x98 | [Introduction of DNS Management](98-intro-of-dns/) | 50 mins |
| 0x99 | [GitHub Pages & Cloudflare](99-github-pages-and-cloudflare/) | 50 mins |
| 0x9A | Webpack & Babel | xx mins |
## Troubleshooting
- 되도록이면 검색을 통해 스스로 해결하는 것을 권장합니다.
- 라이브러리의 경우 공식 문서(Documentation)을 천천히 한 번 읽어 보시고 사용하는 것이 좋습니다.
- 국문보다는 영문 문서를 읽는 것이 최신 정보를 따라가기 수월합니다.
- 문제 해결에 어려움을 겪는 경우 이슈(Issue)로 질문을 등록해주시면 도와드립니다.
## Further Reading
- [**React Documentation**](https://facebook.github.io/react/docs/)
- [**Exploring ES6**](http://exploringjs.com/es6/)
## Links
- [**React**](https://facebook.github.io/react)
- [**PoApper**](http://www.poapper.com)
## Contribute
프로젝트에 도움이 될 수 있는 의견은 언제든지 환영입니다. [이슈 등록](https://github.com/posquit0/react-tutorial/issues/new) 혹은 Pull Request을 이용해주세요.
React Tutorials follows the [**Contributor Covenant**](http://contributor-covenant.org/version/1/4/) Code of Conduct.
## Contact
If you have any questions, feel free to join me at [`#posquit0` on Freenode](irc://irc.freenode.net/posquit0) and ask away. Click [here](https://kiwiirc.com/client/irc.freenode.net/posquit0) to connect.
## License
- [MIT](https://github.com/posquit0/react-tutorial/blob/master/LICENSE)