komisan19 / learn-react-typescript

React Samples with TypeScript (Hooks, Redux)

Learn React

Learn React with TypeScript

Table of Contents

• Overview
• Function Components
  • Base
  • Goal
• Styled Components
  • Base & Goal
• React Hooks
  • useState
    • Base
  • useEffect
    • Base
    • Goal
  • useContext
    • Base
  • State(useReducer)
  • Counter(useState, useEffect, useCallback)
    • Base
    • Goal
• React + Redux
  • Base
  • Goal Step1
  • Goal Step2
• Advanced Techniques
  • render props
    • Base
• Storybook
  • Storybook Example

Prerequisites

• Node.js
• Yarn

Getting Started

git clone --depth=1 https://github.com/locol23/learn-react-typescript.git
cd learn-react-typescript
yarn
cd packages/<directory_of_you_want_to_learn_content>
yarn dev

Go to http://localhost:1234

Tech Stack

• React
• React Hooks
• Redux
• Storybook
• Parcel
• Prittier
• Yarn

LICENSE

MIT