DEV Community

Cover image for Preparing for Code Challenges
Cindy Hernandez
Cindy Hernandez

Posted on

Preparing for Code Challenges

We all know learning how to code is not easy, it requires focus, patience, and consistency. Attending a 15 week coding bootcamp has helped me adapt new learning methods. In phase 2 of my bootcamp I figured out the best method that helped me prepare for my code challenge.

Let me begin by saying that preparing for a code challenge is stressful! I remember forking and cloning a practice code challenge and sitting there for 15 minutes staring at the screen unsure of where to begin.


I had to take a step back and figure out a method that works for me, hopefully this can help others that may be feeling the same way.


Here are a few tips that helped me get through phase 2 of learning React:

  1. Watch the entire practice coding challenge video lecture without taking any notes

  2. Take a moment to watch the video lecture a second time and this time code along

  3. As you code along take screen shots of your code and write a short summary or bullet points of what you just learned
    (This helped me see what were some of the concepts I was struggling with)

  4. After you grasp the concepts attempt a different practice coding challenge

  5. Time yourself when you are completing a practice code challenge

  6. If possible complete a coding challenge with a team of 2-3 people (one person shares screen and collectively complete it)

  7. If you are still struggling, narrow down what are some of the concepts you are struggling with

  8. Having a solid foundation in Javascript basics will make it easier to understand React's syntax and programming concepts

Examples below:

CC 1

CC 2


Start small and build up:

When faced with a coding challenge, it can be tempting to dive straight in and try to solve the problem in one go. However, this can often lead to frustration and a lack of progress. Instead, start by breaking the challenge down into smaller parts and tackling each one individually. Build up your solution step by step. This approach will help you stay focused and motivated, and will also make it easier to identify and fix errors.

Break down the problem into components:
React is all about building reusable components and understanding the flow of information. When faced with a coding challenge, try to think about the problem in terms of components. Break down the problem into smaller parts and build components for each one.

Top comments (0)