Skip to content

Instantly share code, notes, and snippets.

View patrick-rayner's full-sized avatar
🚀

Patrick Rayner patrick-rayner

🚀
View GitHub Profile
@patrick-rayner
patrick-rayner / useLocalStorage-custom-hook.md
Last active May 19, 2023 13:00
useLocalStorage Custom Hook

useLocalStorage - Custom Hook

A custom React hook that allows you to store and retrieve data in the browser's local storage.

🔧 Step 1

Setting up a React Project

Before we can use the useLocalStorage hook, [let's set up a basic React project][create-a-new-react-app]. If you already have a React project, you can skip this step.

🔧 Step 2

Creating the useLocalStorage Custom Hook

Checklist do Context API

fluxograma

Vamos começar criando nossos arquivos dentro da pasta src:

  • Criar uma pasta context;
  • Dentro da pasta context vamos criar um arquivo MyContext.js;

Dentro do arquivo MyContext.js:

Checklist do Redux

Antes de começar

  • pensar como será o formato do seu estado global
  • pensar quais actions serão necessárias na sua aplicação

Instalação

  • npx create-react-app my-app-redux;
  • npm install --save redux react-redux;
  • npm install --save @redux-devtools/extension