react-todo-functional

KO | EN

gitlite — search

#typescript #ai-agents #ai #dsh-plugin #deepseek-harness #open-source #cli #claude-code #codex #developer-tools #react #windows

react-todo-functional

★ 117 Open GitHub ↗

A ToDo application created in ReactJS using Hooks. Intended as an exercise to learn React Hooks and functional components.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

## react-todo-functional

A simple ToDo application built with React using only functional components and no class components. This exercise was intended to explore and learn more about Hooks in React.

[This project has been deployed and can be seen at this link.](https://heuristic-sammet-ab37a3.netlify.com/)

Side Note: This project was featured in a [YouTube video](https://youtu.be/CUGPbZ77OuQ?t=133) by "The Clever Programmer" channel.

### Some notes about functional components in React

* Functional components are good for presentational components (components that are stateless are just UI elements)
* Functional components receive props as arguments and return JSX that is to be rendered. (We destructure the props in arguments using ES6 object destrucuturing for convenience)
* They are also easier to work with (considering you don't have to worry about `this`) and easier to understand.

Earlier, functional components were strictly stateless, but now, we can use React Hooks to implement the state functionality in functional components.

### Available Scripts

This project was bootstrapped with create-react-app. In the project directory, you can run:

### `npm start`

Runs the app in the development mode.<br />
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

The page will reload if you make edits.<br />
You will also see any lint errors in the console.

react-todo-functional

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README