TIP -PACKAGE::REACTJS ❤️✅

TIP -PACKAGE ❤️✅

~~~~~

✅Tạo ID generates - uuid npm

***REDUX❤️

Concept::

::Redux là gì

~ Là 1 state management tool

+ Tách state(data) ra khỏi app để quản lý, thêm xóa sửa và UI sẽ auto update data when change.

+ Trong redux state là 1 obj, là data

✅combineReducers(reducers)

~ Chia nhỏ chức năng, quản lý state riêng biệt

—————————————————————————————————————

Syntax::

sx={{

display: { md: 'none' },

visibility: { xs: 'hidden', md: 'visible' },

}}

DEMO::✅

import { createSlice } from '@reduxjs/toolkit';

import { useCallback } from 'react';

import { useDispatch, useSelector } from 'react-redux';

import { StateType } from './redux-store';

const initialState = {

list: [] as { id: number }[],

title: '',

};

const todoReducer = createSlice({

name: 'todo',

initialState,

reducers: {

_addTodo: (state, action) => {

state.list.unshift(action.payload);

_setTitle: (state, action) => {

state.title = action.payload;

});

const { reducer, actions } = todoReducer;

interface Return {

list: { id: number }[];

title: string;

addTodo: (data: string) => void;

setTitle: (title: string) => void;

}

const useTodo = (): Return => {

Want to print your doc?
This is not the way.

Try clicking the ⋯ next to your doc name or using a keyboard shortcut (

CtrlP

) instead.