Welcome to the EpicReact.dev Workshop app!

This is the deployed version. Run locally for full experience.

Join EpicReact.dev↗︎Login

02. Raw React APIs/01. Create React Elements (🏁 solution)

Create React Elements

Create React Elements (🏁 solution)

Run locally for transcripts

👨‍💼 Great work! We're well on our way to using React for building UIs on the web! But most apps are a little more complicated than a single element. Let's go deeper!

← Previous Next →

Edit on GitHubEdit this page on GitHub

problem solution diff chat

Please set the playground first

Login to get access to the exclusive discord channel.

🎣Hooks
General
Terminal error when setting playground
Natiq 🚀:
Every time I click on the "SET TO PLAYGROUND", the app stops with the following error. How can I fix...
1 · 6 days ago
⚛️Fundamentals
Playground + live reload?
Jonas 🚀:
I'm just starting the epic react course, and I'm struggling with how to use the playground. I've wat...
✅1
2 · 13 days ago
General
Welcome to EpicReact.dev! Say Hello 👋
Kent C. Dodds ◆ 🚀🏆🌌:
Welcome to the first of many posts in the EpicReact.dev channel! Take a moment to introduce yourself...
🚀6
59 · 7 days ago
⚛️Fundamentals
Raw API - CORS policy error
a:
Hello there! I have this strange error in the console in my Raw API exercices and nothing is displa...
✅2
3 · 7 months ago
General
error when installing the MCP server
DBattou 🚀:
I tried to install the mcp server by following the instructions on the blog post here -> https://www...
👍1
✅1
8 · 2 months ago
⚛️Fundamentals
02. Raw API / 01. Create React Elements
Tolu:
When I set the playground in this lesson there's no 'react.js' and '/react-dom/client.js' files add...
✅1
3 · 2 months ago
General
Interviews with Experts -> Start Watching CTA gives regional restricted license error
.shreyasvaidya 🚀:
I have purchased my course from India with the regional pricing method, and I am trying to watch the...
✅1
4 · 4 months ago
General
You are offline - warning
marianavinyolas 🌌 🚀:
Hi there! Today I want to start with the Advanced Patterns workshop, but after clone and run the rep...
✅1
3 · 4 months ago
General
⚛️Fundamentals
Clicking on index.html when start opens in Terminal and not on the editor.
Waddle 🚀:
Hello, just starting out with this and noticed that when I click on the 'index.html' file as display...
✅2
1 · 4 months ago
⚛️Fundamentals
04. Custom components / 02. Raw API
mpirrocco 🚀:
Am getting an error with this code which I believe is exactly like the solution, so I can't figure o...
✅1
5 · 4 months ago
General
Am I following the course in the proper way?
bauti 🚀 🌌:
The way im doing things in epic-react is: Clone the repo for the module i want to do (for example a...
✅1
3 · 4 months ago
🎣Hooks
General
VSCode imports from wrong source
mathemaat 🚀:
I encountered something silly that threw me off for a minute or two. I was working on the Tic Tac To...
✅1
1 · 5 months ago
General
Terminal Errors When Running Workshop App
Giovanni 🚀:
Hello guys, I am facing an issue with the Workshop App, that basically I get this message over and...
✅1
3 · 5 months ago
General
Launch editor error: spawn code ENOENT
Andrew Elans 🌌 🚀:
Clicking index.html gives this error in VS Code. Both from Chrome and Safari. Anyone?
✅2
6 · 10 months ago
⚛️Fundamentals
Fundamentals 9.1 - 9.3 Error Boundary tests need update
mathemaat 🚀:
In the video on Error Boundaries (Fundamentals 9.2), the error being caught is `Cannot read properti...
✅1
5 · 5 months ago
⚛️Fundamentals
ReferenceError: File is not defined
Tom_K 🚀 🌌:
i get this error trying to access the mock server (/onboarding) ReferenceError: File is not define...
✅1
8 · 6 months ago
General
Cannot connect workshop app
Philipp 🚀:
I try to connect with my Company MacBook and get the following error 😦 There was an error: unable t...
✅1
5 · 6 months ago
⚛️Fundamentals
TypeScript 05. Reduce Duplication
Elliott 🚀 🌌:
Hi everyone, hoping you have all had a good Christmas, and happy new year to you. Apologies if this ...
✅1
1 · 6 months ago
General
Problem generating the diff
mikeyjmcc 🚀:
I am not sure what has changed but I am now receiving errors that the diff cannot be generated. This...
✅2
1 · 6 months ago
General
Problem with playground
Xrayoptions 🚀:
Problem section doesn't show <@105755735731781632> how to fix it ?
✅1
9 · 6 months ago
⚛️Fundamentals
4. Custom Components / 02. Raw API
Jakub 🚀 🌌:
Hey I noticed something weird in content test in Custom Components / Raw API: > Proper elements are ...
✅1
4 · 7 months ago
General
How to run tests in IDE?
anonymousBlack10:
Is it possible to run the tests from the IDE or are they setup to be run just from the browser? Some...
✅1
1 · 7 months ago
General
Launch editor error: Could not open 'index.html' from:'playground' in the editor.
Japhet 🚀 🏆 🌌:
I'm encountering an issue when trying to open a link from the file list. The error message I receive...
✅1
15 · 9 months ago
⚛️Fundamentals
Blocked on /02/01 , 404 on /react.js
<Alterion.Dev> 🚀:
I'm currently on <http://localhost:5639/exercise/02/01/problem> , I did in fact properly link the pl...
✅2
9 · 8 months ago
⚡Performance
⚛️Fundamentals
Clarification on Calling Components as Interpolated Function Calls
sethwbarton 🚀:
TL;DR: Is there any reason to prefer the JSX syntax over the interpolation syntax? Is one more perfo...
✅1
8 · 9 months ago
General
AI Assistant?
John 🚀:
Kent has mentioned an AI assistant that he's using in VSCode. Is there any detail on what that is an...
✅2
2 · 9 months ago
General
Script to save playground folder
larissapissurno 🚀:
Hi all, I personally like to take notes on the playground files, so in order to not lose this notes ...
✅1
2 · 9 months ago
General
Runninng Learning app on iPad?
marcus_polonus 🚀 🌌:
Hi all, Did anyone managed to setup learning app on iPad? I tried to use codesandbox, but when I am...
✅1
1 · 9 months ago
General
⚛️Fundamentals
Error boundary good practice
Lloren 🚀:
I have always wondered if the error boundary is there a limit of error boundary that you can impleme...
✅1
1 · 9 months ago
⚛️Fundamentals
Error on loading deployed version - React Fundamentals
Lucas Wargha 🚀 🌌:
On this link: https://www.epicreact.dev/get-started?module=react-fundamentals%7D if you click on ge...
✅1
3 · 9 months ago
General
Received this error when running the setup script for React Fundamentals
ChrisP 🚀:
Hey guys, I am completely blocked at the moment. When I clone and run the setup for react fundamenta...
✅1
2 · 9 months ago