How to Use Recoil for State Management in Your React Projects

PHOTO EMBED

Sat Mar 04 2023 21:03:54 GMT+0000 (Coordinated Universal Time)

Saved by @debanjo31 #javascript

import { useRecoilValue } from "recoil";
import { TodoItemCreator } from "./TodoItemCreator";
import { TodoItem } from "./TodoItem";
import { todoListAtom } from "../recoil/atoms/todoAtom";
import "./todo.css";

export const TodoMain = () => {
  const todoList = useRecoilValue(todoListAtom);

  return (
    <div className="parent-container">
      <div>
        <TodoItemCreator />
        {todoList.length > 0 && (
          <div className="todos-list">
            {todoList.map((todoItem) => (
              <TodoItem key={todoItem.id} item={todoItem} />
            ))}
          </div>
        )}
      </div>
    </div>
  );
};


content_copyCOPY

https://www.freecodecamp.org/news/how-to-use-recoil-for-state-management-in-your-react-projects/