MasterReactThroughReal-WorldChallenges

Frequently Asked Questions

• Is this a React course?

  No. This is a practice platform for developers who already know React and want to solidify their skills through hands-on challenges.
  
  Tutorials teach concepts, but without practice, knowledge fades. Here, you solve challenges repeatedly, which helps reinforce what you've learned and retain it longer.
  
  Challenges include a timer and automated tests to simulate real-world coding assessments, helping you gain confidence and efficiency for technical interviews or work tasks.

• What makes this platform different from others?

  This platform stands out because all challenges are written in TypeScript and the editor comes with built-in Vim mode. Most competitors provide neither or only one of these features.
  
  This setup ensures you practice in a real-world environment similar to professional development and technical interviews.
  
  Additionally, the platform offers a fair price compared to competitors, making it an accessible way to practice and improve your React skills without compromising on quality.

• What are the benefits of subscribing?

  While some challenges are available for free, the rest are part of the paid subscription. By subscribing, you unlock access to all remaining challenges, allowing you to continue practicing and completing more exercises beyond the free ones.

• Do I need to set up servers, CSS, or other boilerplate?

  No. Everything is ready for you. You can focus solely on React logic. The editor comes preconfigured, saves your changes automatically, and gives inline error feedback.

• How does the editor work?

  This platform uses Monaco Editor, the same editor behind VSCode. You can configure some settings by clicking the settings icon, or enable Vim mode by clicking the Vim icon.
  
  Every time you press Ctrl/Cmd + S, the preview will update and your code will be formatted with Prettier if there are no syntax errors. If there are errors, they will be highlighted directly in the code. The editor also provides TypeScript autocompletion and TS error checking to help you write correct code faster.

• How do the challenges work?

  Each challenge gives you a ready-to-use code workspace where you focus only on solving the React logic.
  
  The workspace is divided into two main areas:

  • Left side: Contains four tabs:
    • Requirements: instructions for the challenge
    • Editor: where you write your solution
    • Solution preview: Preview the challenge solution
    • Solution code: the actual code of the solution
  • Right side: Shows the live preview of what you're coding on the left, a button to run the tests, and another button to see the console output of your code.

• What is an attempt, and can I review it?

  An attempt is a single try at completing a challenge. After passing all tests, you’ll see a modal where you can choose to submit your attempt to record it, or close without submitting and try again later. All submitted attempts are saved, so you can review them to track your progress and learn from mistakes.

• When can I see the solution?

  To view the solution for a challenge, you just need to be logged in.

• Will my subscription renew automatically?

  Yes! Subscriptions created through Checkout automatically renew at the end of each billing period. You will be charged automatically unless you cancel before the period ends.

• How do I cancel my subscription?

  To cancel, go to your Dashboard and open the Subscription section. Click Manage Subscription, and you'll see the option to cancel directly from there.

• What happens when I cancel my subscription?

  When you cancel, your subscription remains active until the end of the current billing period. You will continue to have access to your plan until then. After the period ends, your subscription will be fully canceled and access will be removed.