Start Ternary Fragments Props [1] Default Props PropTypes Components [4] Stateless functional components HTTP Requests and updating state Spinner Environment variables States Destructure state Passing state with props Events, passing props, router React Forms [2] Console log field’s value on submit Get filed’s value and put in a state Clear users from state Alert state Router JSX Loop Conditionals [3] Template variables Conditional class Conditional style Styling Icons Buttons [1] Console.log by clicking button CRUD [1] Delete Forms [2] Validation Submit form Animations [1] Framer Motion Router [3] Links NavLinks useParams Home / Dev Flames / React Loop Loop through an array const comments = [ { id: 1, text: 'Comment 1' }, { id: 2, text: 'Comment 2' }, { id: 3, text: 'Comment 3' }, ]; <ul> {comments.map((comment, index) => ( <li key={index}>{comment.text}</li> ))} </ul> Doc navigation < JSX Conditionals > Was this page helpful? Yes No