You have no idea what a real-life job as a React dev looks like. And that holds you back.

Gain confidence and practice with the React Job Simulator.

You’ve come a long way. You learned to code. You can build simple React apps. What an achievement compared to only a few months or years ago.

Now you wonder if it’s time to get your first job as a React developer. The problem is that you have no idea what’s awaiting you. Even worse, you have no idea what is expected of you.

  • How are the skills that you’ve learned applied in a real-life job?
  • What are the tasks of an average developer?
  • What does a typical day for a dev look like?
  • Are your skills even good enough for an actual job?

This uncertainty can become a real blocker. It might stop you from applying for jobs. It might let you freeze in interviews. You probably feel scared and curious at the same time. And you have every right to.

Working as a developer in a real-life product team is totally different from working solo on your own projects. You’ll learn a ton. But likely you’ll also be overwhelmed just like this developer:

“Before I started my first job, I knew how to solve a problem and put it into coding. But my first day was a mess anyway. An overwhelming mess where I couldn’t keep track of things: WHAT SHOULD I DO? WHERE ARE THINGS ORGANIZED? WHAT IS A STORY? WHAT IS THIS? AND WHAT IS THAT?” - Junior dev with panicky eyes

As normal as it is to feel scared, it doesn't help you get closer to your first job. If only you could get past these first few months of your first job.

A bit of job experience will boost your skills and confidence

Let me tell you, once you’re past a few months of being at your first developer job everything starts to change.

  • You’ll learn techniques and skills from experienced developers in your team.
  • You’ll understand how your team operates, how the developers collaborate, and how your product is being built.
  • You’ll learn a lot of new processes and lingo outside of coding that is used in tech and product companies.

In most teams, these things are fairly similar. So you'll have learned many transferable skills. You’ll carry the clarity and insights you have gained to every following job. And it’ll be so much easier to join a new team.

That’s also part of the reason why it’ll be so much easier to find another job once you gained a little bit of professional experience.

Obviously, the experience of your first job can’t be replaced. But you can get close and prepare yourself with a dry run.

Honestly, this was better than most programming courses I took in university. It is really well organized and designed. I liked the level of feedback and the feeling of being in a real team setting.

The project definitely helped me improve my day-to-day Git workflow. I learned a lot of little (and big!) things about React.

It seemed you were genuinely interested in seeing me succeed.

Erin Stuelke (about a previous version)

Erin Stuelke (about a previous version)

Python developer / data scientist

Gain hands-on experience in a real-life work environment with the React Job Simulator

The React Job Simulator is designed to imitate the experience you get on your first developer job. In a nutshell that means:

  • You work on an existing codebase where you adjust existing code and integrate new features.
  • You work with tools and libraries that are common in professional projects.
  • You use a structured process based on designs, tasks, and a project management tool.
  • You learn to improve your code with example code reviews and a professional implementation as a comparison.
  • You get access to a community of fellow learners where you can ask questions to your peers and an experienced developer.

If you’re a complete beginner, this is not the right place for you.

But if you’ve been through a few React courses and maybe built a small project on your own this is exactly for you. You’ll get introductory content, but most of the time you’ll have to figure it own on your own. Just like on the job. You’ll search on Google, read documentation, and (if you’re really stuck) ask for help. Again, just like on the job.

It won't be easy, but once you’re done with this project you’ll be well-prepared for the real world. You’ll be ready for the job.

Got the job and they're starting me on Monday! The pixel-perfect design technique I learned here blew them away!

I've struggled to find a job for a long time. I can say with confidence that this course is what led me to land the job.

It's probably the greatest thing to have happened to me when it comes to my web dev education... and I've done a lot of courses.

Martin Kruger (about a previous version)

Martin Kruger (about a previous version)

Self-taught React developer

Membership

Start your journey as a professional React dev

Let us be your guide along the way

Basic Membership (Early Access)

$99$149lifetime access

Work on an existing codebase of a professionally created React / Next.js application. Gain hands-on experience and become a stand-out job candidate.

Get access to a private community where you can ask for help.

  • Work on an existing codebase

  • Work with tasks on a Kanban board

  • Build features based on Figma designs

  • Write automated tests

  • Access to a private Discord community

  • Lifetime access including all updates

After the payment, you'll be redirected to sign in with your GitHub account. After signing in you get access to the designs, tasks, and community.

Premium Membership (Early Access)

$249$499lifetime access

Everything you get with a basic membership plus up to 2 hours of 1-on-1 mentoring by a React developer with 10+ years of experience. You can use this time whenever you're stuck or have questions. Options are video call, online pair programming, or async via chat. Whatever you prefer.

  • Everything in basic membership

  • 2 hours of one-on-one mentoring

  • Different options: video call, pair programming, or async chat.

  • Liftime access including all updates

After the payment, you'll be redirected to sign in with your GitHub account. After signing in you get access to the designs, tasks, and community.

5 Steps To Become A React Pro

The React Job Simulator is designed to mimic the experience you get when joining your first professional React team. You start working on simple tasks and eventually build a full-blown feature on your own.

1. A Professional Git & GitHub Workflow

Most teams use Git to collaborate and automate tasks. Since this is the foundation of your day-to-day work as a developer you start your journey by learning a professional Git & GitHub workflow. You'll experience hands-on

  • how to create, merge and review Pull Requests
  • work with Continuous Integration Pipelines.

2. Start working on an existing codebase

When you join a developer team you typically work on an existing codebase. You're assigned simple tasks at first. But even the smallest bug fix can be overwhelming if you don't know how to navigate the code. At the beginning of the React Job Simulator, you'll

  • get introduced to the codebase
  • learn how to navigate existing code
  • create small bug fixes and UI changes.

3. Build a UI kit based on professional designs

Every front-end developer needs to know how to work with designs. So in the React Job Simulator, you create a small UI library. This might look easy but can become challenging with all the different dynamic states. While building this UI kit you learn

  • how to work with designs
  • how to implement pixel-perfect styles
  • the CSS-in-JS library styled-components
  • to document components with Storybook.

4. Learn to write automated tests

Writing automated tests is often a requirement in feature development. Test coverage helps to prevent bugs when existing code is changed. They provide security for the developers and the business. At the same time, testing is a rare skill among Junior developers and can greatly increase the chances of getting a job.

While working on the React Job Simulator you learn

  • how to write tests with Cypress for existing features and new
  • how to debug your tests.

5. Implement your own feature

Now it's time to take the skills you learned and apply them to implement a feature on your own. You're responsible for writing the code from scratch and covering it with tests. Everything based on professional designs of course.

More Modules to Come...

There are more technical modules that might follow. For example about

  • Debugging
  • Continuous Integration and Deployment
  • Authentication and Authorization
  • Building a REST or GraphQL API

There's also a plan to build a Career Center to help you with writing a resume and applying for jobs. Note that all this is not set in stone and will be changed and prioritized depending on demand.

Frequently Asked Questions

I'm not sure if my skills are enough. What are the prerequisites?

The tech stack (React, Next.js, styled-components, react-query, TypeScript, Cypress, Storybook) can sound overwhelming. But no worries, you don't need to have worked with all of this before. The tasks are designed in a way that slowly exposes you to these technologies.

But this is not a program for beginners. You need some experience with React. You should be in a good state if you've built a simple application on your own. If you're uncertain you can also try these free challenges.

How does this get me closer to a job?

Good question. You can certainly put this project on your resume. I can't guarantee that this will help to get interviews though since that depends a lot on your personal resume.

But once you get an interview you should have a much easier time in the technical assessment. You'll have a lot of skills that are not common for Junior developers. You can show off your experience working on an advanced React project and know more options for approaching common problems.

This will set you apart from many other entry-level candidates.

Once you landed a job the journey isn't over. The challenge is to perform in a way that lets you keep the job. Many companies throw their Junior developers into the deep end. You're expected to swim on your own. Having been through this process with the React Job Simulator will make it much easier and likely that you get through this time.

What kind of material is included in the program?

During early access, you get a personal repository on GitHub, designs on Figma, and a Kanban board with the tasks. Additionally, there is some introductory material to skills like working with designs, creating pixel-perfect layouts, or writing tests with Cypress. You will also get access to a private community on Discord.

In the future, there will be video solutions for each task. This way you can see how a professional developer with years of experience working with React would solve a given task.

Is this a one-time payment or a subscription?

You only need to pay once and get lifetime access to the program, all material, the community, and future updates. No monthly fees.

Do you offer discounts?

I offer PPP discounts if you're from a country where the US Dollar is expensive, you're unemployed or a student. Reach out to discounts@profy.dev and we'll figure it out.

Membership

Start your journey as a professional React dev

Let us be your guide along the way

Basic Membership (Early Access)

$99$149lifetime access

Work on an existing codebase of a professionally created React / Next.js application. Gain hands-on experience and become a stand-out job candidate.

Get access to a private community where you can ask for help.

  • Work on an existing codebase

  • Work with tasks on a Kanban board

  • Build features based on Figma designs

  • Write automated tests

  • Access to a private Discord community

  • Lifetime access including all updates

After the payment, you'll be redirected to sign in with your GitHub account. After signing in you get access to the designs, tasks, and community.

Premium Membership (Early Access)

$249$499lifetime access

Everything you get with a basic membership plus up to 2 hours of 1-on-1 mentoring by a React developer with 10+ years of experience. You can use this time whenever you're stuck or have questions. Options are video call, online pair programming, or async via chat. Whatever you prefer.

  • Everything in basic membership

  • 2 hours of one-on-one mentoring

  • Different options: video call, pair programming, or async chat.

  • Liftime access including all updates

After the payment, you'll be redirected to sign in with your GitHub account. After signing in you get access to the designs, tasks, and community.