KRIShark / class-vs-functional-component-workshop

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

After cloning execute npm install. Before use execute npm start.

Content

This learning project shows the basics for class and functional components. It does not show all details for both ways of developing a component, but some of the most used ones.

It can be used for beginners to increase their knowledge about react or as a dictionary between class and functional components.

Excercise

suggestions/inspirations

  1. TicTacToe
  2. Minimal calculator
  3. Abstract things to excercise one specific thing
    • Buttons with state changes which lead to side effects
    • CustomHook/Hoc which for example give you the current window size, also after resize
    • ...

About


Languages

Language:SCSS 93.0%Language:TypeScript 6.1%Language:HTML 0.7%Language:CSS 0.2%