fadi-william / advanced-react-patterns

This project contains the implementation of advanced react patterns as presented by Kent C. Dodds in his course on https://egghead.io/courses/advanced-react-component-patterns.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React - Advanced Patterns

code style: prettier

This project contains the implementation of the advanced react patterns presented by Kent C. Dodds in his course on https://egghead.io/courses/advanced-react-component-patterns.

The examples were implemented using TypeScript. You will find some minor differences between the implemented stories and the original examples presented in the course as I was exploring the concepts.

The best way to navigate this project is to start by stories/index.tsx and trace the components and the imports of each story.

It is worth mentioning that it wasn't necessary to use PostCSS and Sass. However, this is how I usually write my style-sheets.

The project supports the following technologies :

Development

  1. Install NodeJS using brew on a Mac or from the official website and setup your environment.
  2. Run brew install yarn to install yarn.
  3. Run yarn install from the project's root directory to install the dependencies.
  4. Run yarn start and start experimenting with your project.

License

Copyright (c) 2018 LEVIOZA

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

About

This project contains the implementation of advanced react patterns as presented by Kent C. Dodds in his course on https://egghead.io/courses/advanced-react-component-patterns.


Languages

Language:TypeScript 92.5%Language:CSS 4.2%Language:JavaScript 3.4%