Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/locol23/learn-react-typescript

Learning React contents with TypeScript (Hooks, Redux)
https://github.com/locol23/learn-react-typescript

hooks learn learn-react learning learning-js react react-hooks reactjs recompose redux storybook typescript

Last synced: 4 days ago
JSON representation

Learning React contents with TypeScript (Hooks, Redux)

Host: GitHub
URL: https://github.com/locol23/learn-react-typescript
Owner: locol23
Created: 2018-11-29T02:43:35.000Z (almost 6 years ago)
Default Branch: master
Last Pushed: 2023-01-06T10:44:21.000Z (almost 2 years ago)
Last Synced: 2024-04-18T09:43:26.463Z (7 months ago)
Topics: hooks, learn, learn-react, learning, learning-js, react, react-hooks, reactjs, recompose, redux, storybook, typescript
Language: TypeScript
Homepage:
Size: 4.03 MB
Stars: 20
Watchers: 2
Forks: 3
Open Issues: 4
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # Learn React

Learn React with TypeScript

[![MIT License](http://img.shields.io/badge/license-MIT-blue.svg?style=flat)](LICENSE)

# Table of Contents

- [Overview](https://introduction-to-react-green.vercel.app/)

- Function Components

  - [Base](./packages/function-components-base)

  - [Goal](./packages/function-components-goal)

- Styled Components

    - [Base & Goal](./packages/styled-components)

- React Hooks

  - useState

    - [Base](./packages/hooks-use-state-base)

  - useEffect

    - [Base](./packages/hooks-use-effect-base)

    - [Goal](./packages/hooks-use-effect-goal)

  - useContext

    - [Base](./packages/hooks-use-context-base)

  - State(useReducer)

  - Counter(useState, useEffect, useCallback)

    - [Base](./packages/counter-base)

    - [Goal](./packages/counter-goal)

- React + Redux

  - [Base](./packages/redux-base)

  - [Goal Step1](./packages/redux-goal-step1)

  - [Goal Step2](./packages/redux-goal-step2)

- Advanced Techniques

  - render props

    - [Base](./packages/render-props-base)

- Storybook

  - [Storybook Example](./packages/storybook)

## Prerequisites

- [Node.js](https://nodejs.org/en/)

- [Yarn](https://yarnpkg.com/)

## Getting Started

```bash

git clone --depth=1 https://github.com/locol23/learn-react-typescript.git

cd learn-react-typescript

yarn

cd packages/

yarn dev

```

Go to [http://localhost:1234](http://localhost:1234)

## Tech Stack

- [React](https://reactjs.org/)

- [React Hooks](https://reactjs.org/docs/hooks-overview.html)

- [Redux](https://redux.js.org/)

- [Storybook](https://storybook.js.org/)

- [Parcel](https://parceljs.org/)

- [Prittier](https://prettier.io/)

- [Yarn](https://yarnpkg.com/)

## LICENSE

MIT