All the exercises and docs created during Kent C Dodd's Epic React course
Going back to the beginning and learning/re-learning the fundamentals of React.
Old skool vanilla JS. Creating nodes and appending to the DOM.
All code is written in a single HTML file.
Using the React.createElement
method to create nodes and append them to the DOM.
All code is written in a single HTML file.
Nesting elements using React.createElement
to produce the following DOM output:
<body>
<div id="root">
<div class="container">
<span>Hello</span>
<span>World</span>
</div>
</div>
</body>
Creating a single <div>
using JSX instead of React.createElement
All code is written in a single HTML file.
- Interpolating props and children
- Spreading the props
Creating a custom reusable React component
All code is written in a single HTML file.
-
Creating the component using
React.createElement
-
Creating the component using JSX
-
Runtime validation with PropTypes
-
Using the prop-types package
-
Using React Fragments
Inline styling of components and regular CSS with the className
prop
All code is written in a single JS file.
All code is written in a single JS file.
-
Refs
-
Validation
Basic exercise to use the useState
hook to store a name in state
All code is written in a single JS file.