React.js Command Cheatsheet
React Setup
npx create-react-app my-app
npm start
npm run build
React Components
function App() { return
Hello, World!
; }
const App = () =>
Hello, World!
;
export default App;
React Hooks
import { useState } from 'react'; const [count, setCount] =
useState(0);
useEffect(() => { /* effect code */ }, [dependencies]);
const [input, setInput] = useState('');
useRef() // Used for accessing DOM elements
Props & State
function Welcome(props) { return
Hello, {props.name}
; }
const [state, setState] = useState(initialValue);
Event Handling
const handleChange = (event) => { setValue(event.target.value); }
Conditional Rendering
{isLoggedIn ?
Welcome
:Please log in
}
if (isLoading) { return
Loading...
; }
React Router
import { BrowserRouter as Router, Route, Switch } from
'react-router-dom';