Giter Site home page Giter Site logo

react-hooks-redux-use-dispatch-lab's Introduction

Using the useDispatch Hook Lab

Learning Goals

  • Dispatch an action using the useDispatch hook

Overview

In this application we will be building an application to keep track of our favorite restaurants. We will keep our react application separated from our redux store by using the Provider component.

Use the react-redux library to connect the store to our react application. Utilize the Provider component to give your components access to the Redux store. Make sure to also implement useDispatch().

Instructions

Redux is already set up through index.js and the reducer restaurantsReducer. In the RestaurantInput component, use the useDispatch hook along with the addRestaurant action creator to dispatch an action to the store when the form is submitted.

Run this app in the browser to get a sense of how the app should function. Then, write code to get the tests to pass!

react-hooks-redux-use-dispatch-lab's People

Contributors

dependabot[bot] avatar ihollander avatar lizbur10 avatar rrcobb avatar lukeghenco avatar jeffkatzy avatar danl12186 avatar gj avatar joshua-miles avatar mmacdonald1 avatar maxwellbenton avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.