#Framework
129 posts
React Basics #8: Lists and key
Render an array on screen, understand the meaning of the key prop, and avoid the index-as-key pitfall.
React Basics #7: Conditional Rendering
A roundup of conditional rendering patterns for showing, hiding, or swapping parts of the screen based on state.
React Basics #6: Event Handling
Look at how React handles events: synthetic events, handler patterns, and how to pull information out of the event object.
React Basics #5: State and useState
Learn how a component handles changing data — the concept of state and the useState hook.
React Basics #4: Components and Props
Learn how to make components — the core unit of React — to break the screen into small pieces, and how to pass data using props.
React Basics #3: What Is JSX?
We look at the basic syntax and rules of JSX, the special syntax used when writing React components.
React Basics #2: Setting Up the Development Environment (Node.js + Vite)
To start writing real code, we install Node.js, create our first React project with Vite, and launch the dev server.
React Basics #1: What Is React?
This tutorial is for React beginners. We'll learn what React is, why it was created, and which problems it's designed to solve.
How to use innerHTML and DomSanitizer in Angular templates
Content edited with plugins such as tinymce is stored in the database as HTML. This post explains how to render that HTML safely back into an Angular template.