Learning¶
- Microsoft Learn
- The 10 Best Ideas I Learned in 2022
- Web Development for Beginners - A Curriculum
- free-for.dev
- React lernen und verstehen
- ByteByteGoHq - system-design-101
MS Certification¶
Architecture¶
Web Developer¶
- Step by step guide to becoming a modern frontend developer in 2022
- Web Development for Beginners - A Curriculum
- Front-end Developer Handbook 2019
- Microsoft Frontend Bootcamp
- Full-stack Web Developer Plan - 2021
- The Modern JavaScript Tutorial
- freecodecamp
- devdocs.io
React Learning Course¶
- React roadmap
- besten-react-tutorials
- react-lernen
- https://www.udemy.com/react-the-complete-guide-incl-redux/?start=0
- https://www.udemy.com/react-redux/
- https://udilia.com/courses/learn-react-by-building-a-web-app
- https://tylermcginnis.com/reactjs-tutorial-a-comprehensive-guide-to-building-apps-with-react/
- frontendmasters - learn - react
- reactscreencasts
- React Wednesdays
- Designing React 17 Component
Lifecycle methods¶
- Interactive React Lifecycle Methods diagram
- SharePoint Framework Client-Side Webparts mit React
- React Best Practices
Manage state methods in react¶
Roadmap¶
Reference¶
- awesome-react-components
- SurviveJS - React
- react-redux-links
- Clone Wars - Open source clones of popular sites
Blogs¶
Styleguide¶
Cheatsheet¶
Patterns¶
JS/React VS.Code Extensions¶
Boilerplate¶
Lessons¶
Frameworks¶
State management¶
Tutorials¶
- React & Redux Tutorial - Build a Hacker News Clone
- React Portfolio Website Tutorial From Scratch – Build & Deploy React JS Portfolio Website
Multi-Step Form¶
- React Wizard Form
- React-Stepzilla
- Sample Form with React-Stepzilla
- React multi-page poll webpart -React Reusable Wizard component for SPFx
- How To Use Material UI Steppers In SharePoint Framework SPFx
- SPFx webpart form validation using React Formik
- FMulti-step form solution
Errors¶
Hooks¶
- How to use React hooks with the SharePoint Framework (SPFx)
- React Hooks - How to Use Them with the SharePoint Framework
- Using React hooks to globally share service scope between components
- Hooks FAQ
- SharePoint Framework and React hooks. Should I care?
- React, Hooks, and Office Development – Bringing It All Together
- Rooks - Collection of React hooks
Short Summary¶
- useState: Hold/update values + re-render.
- useRef: Hold values, no re-render.
- useEffect: Execute side effects after render.
- useReducer: useState with reducers.
- useMemo: Cache values between renders.
- useCallback: Retain function identities.
Collection of Hooks¶
- Collection of React Hooks
- usehooks
- react-use
- React hook library for managing cart state
- React-shopping-cart
- Shopping-cart-react-typescript