delprzemo / reactjs-starter

Reactjs starter project

Vs code debugging

1. Download the latest release of VS Code and install our Chrome debugger
2. Add launch.json in .vscode folder (this one in same folder as folder src (same lvl)) { "version": "0.2.0", "configurations": [ { "name": "Chrome", "type": "chrome", "request": "launch", "url": "http://localhost:3000", "webRoot": "${workspaceFolder}/src" }, { "name": "Debug CRA Tests", "type": "node", "request": "launch", "runtimeExecutable": "${workspaceRoot}/node_modules/.bin/react-scripts", "args": [ "test", "--runInBand", "--no-cache", "--env=jsdom" ], "cwd": "${workspaceRoot}", "protocol": "inspector", "console": "integratedTerminal", "internalConsoleOptions": "neverOpen" } ] }

Vs code reactjs extensions

• Bracket Pair Colorizer
• Code Spell Checker
• expand-region
• Path Intellisense
• VS Code ES7 React/Redux/React-Native/JS snippets

Json list

[ { firstName: "Jack", lastName: "Captain", notes: "He is good captain", id: 1 }, { firstName: "Eva", lastName: "Cesar", notes: "Julius wife", id: 2 }, { firstName: "Julia", lastName: "Smith", notes: "Very common last name. She works in chemical industry", id: 3 }, { firstName: "Peter", lastName: "Seedorf", notes: "Don't try to make him angry", id: 4 } ]

Html

React start

[e-mail]

Email

Password

Log in

• Home
• List
• Help

#	First	Last	Handle
1	Jack	Captain	He is good captain	Edit	Remove
2	Eva	Cesar	Julius wife	Edit	Remove
3	Julia	Smith	Very common last name. She works in chemical industry	Edit	Remove
4	Peter	Seedorf	Don't try to make him angry	Edit	Remove

TODO:

• tests (Intermediate)

• Hooks (przed "Zaawansowane informacje")

• Redux

• TypeScript

• lint

• Przełożyć "Myślenie reactowe" na początkowe slajdy

• File structure (jest w FAQ)