Burger builder by React

React burger builder app

demo

Setting up the project

yarn add create-react-app

yarn create-react-app 'app-name'

yarn start - starts the development server.

yarn build - bundles the app into static files for production.

yarn test - starts the test runner.

yarn eject - removes this tool and copies build dependencies, configuration files and scripts into the app directory. If you do this, you can’t go back!

I suggest that you begin by typing:

cd app
yarn start

Component Lifecycle

componentWillMount - executed before the node is inserted into the DOM;

Redux setup

yarn add redux

yarn add react-redux

import { Provider } from 'react-redux';
import { createStore} from 'redux';

actions -

reducer -

store -

mapStateProp

mapDispatchToProps connect ...

Styled components

To style css in the component

import { injectGlobal } from 'styled-components';