Vallista / React-Hooks-Context-API-Todo-Example

React Hooks + Context API Todo Example

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React Hooks + Context API Todo App Example

React 16.x version has important features, hooks. So, while writing the examples for "hooks," I wrote an example of replacing a store like Redux using the Context API.

Installation With Run

$ npm install
$ npm run start

Tech Stacks

  • TypeScript
  • React 16.x
  • Hooks
  • Context API

Use Pattern

  • Atomic Design
  • Containers, Presentationals Pattern

Folder Structure

  • src
    • assets: common styles and public assets
    • components: layout components
      • atoms: element layouts
      • molecules: grouping layouts
      • organisms: molecules + atoms + etc layouts
      • templates: page template css
    • containers: state, data components
    • models: model interface
    • store: global store (use context api)
ezoic increase your site revenue


React Hooks + Context API Todo Example


Language:TypeScript 82.7%Language:CSS 14.4%Language:HTML 2.9%