Skip to content

Alina2Kl/react-step-by-step

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React step by step tutorial

Please use git checkout tags/step-[n] for moving via steps

  • Step-1: minimal setup for start with react;
  • Step-2: basic jsx syntax;
  • Step-3: nested rendering;
  • Step-4: component props and styling;
  • Step-5: stateless and stateful components;
  • Step-6: lifecycle methods;
  • Step-7: controlled and uncontrolled components;
  • Step-8: rendering children via this.props.children property;
  • Step-9: component keys;
  • Step-10: react + webpack basic configuration;
  • Step-11: creating & deleting list elements;
  • Step-12: added loaders for scss;
  • Step-13: added material-ui - set of styled components;
  • Step-14: added propTypes example;
  • Step-15: added HOC (Higher Order Component) example;

// TODO: add step for router
// TODO: add step about clone children

<script src="https://unpkg.com/react@15.6.2/dist/react.min.js"></script>
<script src="https://unpkg.com/react-dom@15.6.2/dist/react-dom.min.js"></script>

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Packages

 
 
 

Contributors

Languages

  • JavaScript 93.2%
  • HTML 5.0%
  • CSS 1.8%