RockyBurger by Edith Ortiz#15
Conversation
New branch and new changes
Functional App
Changes on readme
Gh pages1.1
reloadercf
left a comment
There was a problem hiding this comment.
Edith me gusto mucho el código para el desarrollo de tu proyecto, tengo una recomendación:
La consistencia en tu proyecto es importante, como por ejemplo definir bien el nombre de funciones y variables, la consistencia te permitirá navegar mejor en tu código, por lo demás esta muy genial.
| @@ -0,0 +1,2 @@ | |||
| node_modules/ | |||
There was a problem hiding this comment.
esto esta bien, recordando también que puedes tener un gitignore al crear tu proyecto con react
There was a problem hiding this comment.
seria bueno que agregues tu carpeta build al gitignore
| work correctly both with client-side routing and a non-root public URL. | ||
| Learn how to configure a non-root public URL by running `npm run build`. | ||
| --> | ||
| <title>React App</title> |
| @@ -0,0 +1,22 @@ | |||
| import React from 'react'; | |||
| // import { BrowserRouter, Route, Switch } from 'react-router-dom'; | |||
| import { Switch, Route, HashRouter } from "react-router-dom"; | ||
| import Order from './Root/Order'; | ||
| import Kitchen from './Root/Kitchen'; | ||
| import Finish from './Root/Finish' | ||
| import Navigation from './components/Nav/Navigation' |
There was a problem hiding this comment.
| import { Switch, Route, HashRouter } from "react-router-dom"; | |
| import Order from './Root/Order'; | |
| import Kitchen from './Root/Kitchen'; | |
| import Finish from './Root/Finish' | |
| import Navigation from './components/Nav/Navigation' | |
| import { Switch, Route, HashRouter } from "react-router-dom"; | |
| import Order from './Root/Order'; | |
| import Kitchen from './Root/Kitchen'; | |
| import Finish from './Root/Finish' | |
| import Navigation from './components/Nav/Navigation' |
| import React, { useState, useEffect } from 'react'; | ||
| import { db } from '../firebase-config'; | ||
| import ResumeOrder from '../components/resumeOrder/ResumeOrder' | ||
| import './finish.css' |
There was a problem hiding this comment.
| import React, { useState, useEffect } from 'react'; | |
| import { db } from '../firebase-config'; | |
| import ResumeOrder from '../components/resumeOrder/ResumeOrder' | |
| import './finish.css' | |
| import React, { useState, useEffect } from 'react'; | |
| import './finish.css' | |
| import { db } from '../firebase-config'; | |
| import ResumeOrder from '../components/resumeOrder/ResumeOrder' | |
| import React, { useState } from 'react'; | ||
| import Menu from '../components/Menu/Menu' | ||
| import products from '../data/products'; | ||
| import PreviewOrder from '../components/PreviewOrder/PreviewOrder' | ||
| import './order.css' | ||
| import { Modal, Button, Checkbox } from 'antd'; |
There was a problem hiding this comment.
| import React, { useState } from 'react'; | |
| import Menu from '../components/Menu/Menu' | |
| import products from '../data/products'; | |
| import PreviewOrder from '../components/PreviewOrder/PreviewOrder' | |
| import './order.css' | |
| import { Modal, Button, Checkbox } from 'antd'; | |
| import React, { useState } from 'react'; | |
| import { Modal, Button, Checkbox } from 'antd'; | |
| import './order.css' | |
| import Menu from '../components/Menu/Menu' | |
| import products from '../data/products'; | |
| import PreviewOrder from '../components/PreviewOrder/PreviewOrder' | |
| import PreviewOrder from '../components/PreviewOrder/PreviewOrder' | ||
| import './order.css' | ||
| import { Modal, Button, Checkbox } from 'antd'; | ||
|
|
There was a problem hiding this comment.
podrías implementar helpers para react
| import logo from '../../assets/logo-rocky.png' | ||
| import './StyleNavigation.css' | ||
|
|
||
| const Navigation = (props) =>{ |
There was a problem hiding this comment.
es mejor destructurar
| const Navigation = (props) =>{ | |
| const Navigation = () =>{ |
There was a problem hiding this comment.
| const Navigation = (props) =>{ | |
| const Navigation = ({ history } ) =>{ |
| justify-content: center | ||
| color: white | ||
|
|
||
| .Table |
| </div> | ||
| </div> | ||
| } | ||
| {/* PASAR FUNCIÓN QUE CAMBIE EL ESTADO EN FIREBASE */} |
There was a problem hiding this comment.
borralo
| {/* PASAR FUNCIÓN QUE CAMBIE EL ESTADO EN FIREBASE */} | |
No description provided.