Muestra las diferencias entre dos versiones de la página.
| Ambos lados, revisión anterior Revisión previa Próxima revisión | Revisión previa | ||
|
wiki2:react_blind_sticks [2022/11/02 15:58] alfred [Redux] |
wiki2:react_blind_sticks [2022/11/02 17:23] (actual) |
||
|---|---|---|---|
| Línea 1: | Línea 1: | ||
| ====== React Blind Sticks ====== | ====== React Blind Sticks ====== | ||
| + | ===== Commands ===== | ||
| + | |||
| + | * ''npx create-react-app my-app'' | ||
| + | * ''npx create-react-app my-app --template redux'' | ||
| + | * ''npx create-react-app my-app --template redux-typescript'' | ||
| ===== Redux ===== | ===== Redux ===== | ||
| <code javascript> | <code javascript> | ||
| Línea 65: | Línea 70: | ||
| ReactDOM.render(<App />, document.getElementById('root')); | ReactDOM.render(<App />, document.getElementById('root')); | ||
| - | // App.jsx | + | // App.jsx ----------------------------------------------------------------------------------------- |
| import Header from './Header'; | import Header from './Header'; | ||
| import TodoView from './TodoView'; | import TodoView from './TodoView'; | ||
| Línea 80: | Línea 85: | ||
| export default App; | export default App; | ||
| - | // Header.jsx | + | // Header.jsx ----------------------------------------------------------------------------------------- |
| import React from 'react'; | import React from 'react'; | ||
| Línea 89: | Línea 94: | ||
| export default Header; | export default Header; | ||
| - | // TodoView.jsx | + | // TodoView.jsx ----------------------------------------------------------------------------------------- |
| import React from 'react'; | import React from 'react'; | ||
| import TodoSearch from './TodoSearch'; | import TodoSearch from './TodoSearch'; | ||