Welcome to the EpicReact.dev Workshop app!

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

Join EpicReact.dev↗︎Login

06. Styling/01. Styling (🏁 solution)

Styling

Styling (🏁 solution)

Styling (🏁 solution)

👨‍💼 Great! We now know how to add a className and style prop to our elements. But we've got some repetition that would be nice to ditch...

problem solution diff chat

Please set the playground first

Loading "Styling"

Loading "Styling"

Login to get access to the exclusive discord channel.

Loading Discord Posts

⚛️Fundamentals
Rendering Arrays - Key Exercise
raibbl 🚀:
Hi, I'm working on the rendering arrays section and I'm struggling to understand how different is ...
2 · 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
66 · 11 days ago
General
So every time I make an exercise...
jejejeff787 🚀:
and I move to the next exercise my changes goes away?
✅1
4 · a month 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
1 · 5 months ago
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
1 · 4 months 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 · 5 months 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 · a year 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 · 7 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 · 7 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 · 8 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 · 8 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 · 8 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 · 9 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 · 9 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 · 9 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 · 10 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 · a year 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 · 10 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 · 10 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 · 10 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 · a year 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 · a year ago
General
Problem with playground
Xrayoptions 🚀:
Problem section doesn't show <@105755735731781632> how to fix it ?
✅1
9 · a year 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 · a year 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 · a year 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 · a year 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 · a year ago