React

<h3>What the project does</h3> This project is a collection of small projects i did as part of the learning curve which was required during my journey learning ReactJs<br> Each small project has its own ReadMe file<br> It covers the following subjects <ul> <li>Components</li> <li>Rendering</li> <li>Styling</li> <li>Internals (including component life cycle)</li> <li>Access the Web</li> <li>Routing</li> <li>Forms and Validation <a href='https://www.youtube.com/watch?v=uSCW5rzTlN0'>Click for Quick Preview</a> </li> <li>Authentication <a href='https://www.youtube.com/watch?v=QJ-tABaRVEU'>Click Here for Preview</a> <li>Context</li> <li>HOC</li> <li>Ref</li> <li>Pure redux and react redux</li> <li>Render props</li> <li>Hooks</li> </li> </ul> <h3>Why the project is useful and for whom</h3> <table border=1> <tr> <th>Audience</th> <th>Usefulness</th> </tr> <tr> <td>Beginner React Developer</td> <td>Beginner can find small examples to do and compare his solution with what I did. The user that will do the examples in the order described below will have a very good starting point developing React Apps</td> </tr> <tr> <td>Advanced React Developer</td> <td>Advanced can find <ol> <li>An excellent starting project for every React project which uses authentication - Authentication/authentication_server_firebase <a href='https://www.youtube.com/watch?v=QJ-tABaRVEU'>Click Here for Preview</a></li> <li>Generic & easy to use form component - Forms/form_simple_input_with_validation usefull <a href='https://www.youtube.com/watch?v=uSCW5rzTlN0'>Click for Quick Preview</a> </li> </ol> </td> </tr> </table> <h3>How users can get started with the project</h3> <table border=1> <tr> <th>Audience</th> <th>Project Order</th> </tr> <tr> <td>Beginner React Developer</td> <td><ol><li>react_max_assignment_1</li><li>react_max_assignment_2 </li><li> Redux/todolist_no_redux </li><li> tic_tac_toe </li><li> Router example </li><li>Component life cycle examples</li><li> Axios examples </li><li> Form examples </li><li> Authentication examples</li><li>Ref examples</li> </ol></td> </tr> <tr> <td>Advanced React Developer</td> <td>Advanced can find <ol> <li>An excellent starting project for every React project which uses authentication - Authentication/authentication_server_firebase</li> <li>Generic & easy to use form component - Forms/form_simple_input_with_validation usefull</li> <li> Context examples</li><li>HOC examples</li> <li>Pure redux and react redux examples</li> <li>Render props example</li> <li>Hooks example</li> </ol> </td> </tr> </table> <h3>Where users can get help with the project</h3> <p>contact me at natankrasney@gmail.com or via my linkedin account</p> <h3>Who maintains and contributes to the project</h3> <p>Nathan Krasney : https://il.linkedin.com/in/nathankrasney</p> <h3>More info on React</h3> <ul> <li>https://reactjs.org/</li> <li><a href='https://www.udemy.com/course/learn-react-in-a-better-way/?referralCode=4299350292063C517597'>My course : Learn React in a Better Way</a></li> <li><a href='https://www.udemy.com/course/learn-react-hooks-in-a-better-way/?referralCode=B2E5AC5DE2762AB8A667'>My course : Learn React Hooks in a Better Way</a></li> </ul> <h3>License</h3> All projects in this React repository are MIT licensed. Copyright (c) Nathan Krasney 2019.