The Recommended Level Of React Proficiency For The First Job
Tags: react, frontend, webdev, javascript
Published: 2023-06-29 21:35:44

I often come across a recurring question from individuals who are learning React: "**How can I determine if I am prepared to apply for my initial React Developer position?**"

---

In this article, I have listed some things you need to know, and some you don't need to know.

---

## - Things you should know

---

- <u>JavaScript</u> 

It is crucial to have a solid grasp of JavaScript fundamentals before entering an interview. Familiarize yourself with declaring constants, and functions, utilizing the spread syntax for updating arrays and objects, and understanding promises. Failing to do so could result in a less than ideal start to the interview process.

---

- <u>How to create a component and make it reusable</u>

It is important for you to understand how to create a new component (in the form of a function) with basic HTML content and how to display it in your browser and make it reusable.

---

- <u>How to conditionally display data and how to perform iterations on it</u>

Ensure that you are ready to utilize the ternary operator ( ?. ) for displaying data based on a condition, and to employ ( .map ) for rendering multiple elements from an array.

---

- <u>How to add a state to the component</u>

The useState hook is incredibly valuable, and it is essential to familiarize yourself with its usage. You should learn how to declare a state, update it, and handle complex states like arrays or objects.

---

- <u>How to work with forms</u>

Working with forms in React.js involves several essential concepts such as: (Managing Form State - Handling User Input - Controlled Components - Form Submission - Form Validation - etc).

---

- <u>How to work with fetching data when the component is loaded</u>

While it might not always be necessary to utilize the fetch API, it is still important to understand how to invoke an asynchronous function within a component, specifically within a useEffect hook. Additionally, it is crucial to remember to declare the dependency array.

---

- <u>How to update the state depending on the fetch data result</u>

Demonstrating proficiency in storing the result of an asynchronous request using a combination of the useState and useEffect hooks is an excellent way to impress recruiters. Mastering this common pattern can showcase your skills effectively.

---

- <u>How to extract a specific logic into another component and pass props</u>

Since components are fundamental to React, it's crucial to understand how to create a new component that accepts props and then incorporate it into an existing component

---

- <u>Searching for what you don't know </u>

Even if you are not familiar with their usage, it's helpful to have an awareness of other hooks that exist and their purposes. Some notable hooks include `useReducer` and `useRef`. Additionally, you may want to explore server-side rendering techniques and learn about global state management libraries like Redux.

---

_**Also, it’s okay if you don't do perfectly well during the interview.**_ 😊

---

💡 Stay connected with me: 
- [LinkedIn](https://www.linkedin.com/in/dev-alisamir)
- [Telegram](https://t.me/se_alisamir)
- [Facebook](https://www.facebook.com/alisamir.dev)
- [Instagram](https://www.instagram.com/alisamir.dev)