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.

General
Full app architecture in Epic React?
Sorix 🚀:
The Epic React course is broken into small focused modules, but is there a final project that shows ...
1 · 6 days ago
🎣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 · a month 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 · a month 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 · a month 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 · 3 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 · 3 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 · 5 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 · 5 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 · 5 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 · 5 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 · 6 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 · 6 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 · 6 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 · 7 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 · 7 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 · 7 months ago
General
Problem with playground
Xrayoptions 🚀:
Problem section doesn't show <@105755735731781632> how to fix it ?
✅1
9 · 7 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 · 10 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 · 10 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 · 10 months ago