What do you need to have and know in the React framework for a jun?

Question

React

An interesting question, I know that everyone and everywhere is different, but still there is at least some consistency, so I wanted to ask those who know what you need to be able to and know in React in order to be worthy of the position of a junior =)

Answer 1

A good candidate for the position of Junior React Developer, in my opinion, must meet the following list of requirements:
1. Good knowledge of JavaScript. React development uses ES6 and most of the experimental features that are not yet included in the standard.
2. Good knowledge of HTML and CSS. Crossbrowser layout. Also, it's good to have an idea of ​​what css-in-js is.
3. Web APIs. The ability to work with the Document Object Model (DOM) and all these XMLHttpRequest, localstorage, cookies, history and more.
4. Good knowledge of the React API. You should have a good knowledge of React, know its features, understand the basic concepts and be able to answer most typical questions. To do this, it is enough to study the documentation well, analyze a couple of typical projects on github and practice. A lot of useful information, techniques and ideas can be gleaned from thematic articles and reports. Also, on the Internet you can find collections of typical questions often asked in interviews. There are more of them in the English-speaking segment.
5 Redux. Strong knowledge of API. Library API painfully post. Know what middleware is and why it is. Understand the basic concepts of the Flux architecture. All this is in the documentation and numerous courses.
6. Ability to work with the npm package manager at a basic level.
7. Node.js At least be able to write a simple express / koa server that will serve your application and statics.
8. Webpack. Basic knowledge.
9. Ability to work with git. At least know and be able to try on commands: init, clone, add, commit, push, pull, merge, checkout.
10. Immutability. A clear understanding of why this is necessary. Knowledge of methods of immutable change of data structures. It's in the official React tutorial.
11. Static typing TypeScrpt/Flow. For starters, the very basics and the ability to understand someone else's code will suffice.
12. Functional programming. Enough knowledge gained in the process of learning JavaScript, and it also does not hurt to know what currying, pure functions and recursion are.
13. Basic concepts of OOP. Enough knowledge gained in the study of JavaScript.
14. Asynchronous code. Understand how to properly organize it. Promise, async/await.
15. Network protocols for data transfer. A basic knowledge of http / https, what headers are and what they are is quite enough. It's good to know what a websocket is.
16. Behind shoulders should be at least one educational project on React. Enough of the typical test task.
Examples of such tasks: 1 , 2 , 3 (the site may not be available on the territory of the Russian Federation, I advise you to open it through VPN and see), 4 , 5. If you do not have such a project, then be prepared that a potential employer will offer you to complete a test task, and only based on its result, you may be invited to a technical interview. If you write well, you will most likely be invited.
17. Experience in creating typical UI elements is desirable. For example, to make it easy to write a simple custom checkbox. There are a bunch of examples of implementations of typical elements on codepen.
This is not a red minimum of knowledge and in many companies the requirements can be much lower. But compliance with the above points will be a good argument for the employer to opt for your candidacy.
Similar question.

Answer 2

Of course, maybe I live in some other universe, but it would be interesting for me to see how many people will come to the position of junior with all the above knowledge.

Answer 3

Исходя из личного моего опыта, утверждаю что первый пункт описывает эталон джуниора, на практике не у многих мидлов существуют теор и практ знания по всем перечисленным пунктам. Антон Спирин Пожалуйста, поясните с вашей точки зрения необходимость 7 пункта , в 3 пункте что вы вкладываете в умение работать с dom моделью? Императивный стиль с деревом ,нодами пропертями htmlelementов? Зачем знание xmlhttprequestов, если в любом сторонней библе эта функциональность скрыта за слоем абстракции написанной вендором. Дмитрий Есин, вы допускаете тот факт что писать промышленный реюзабельный код в серверсайдрендер проекте в императивном стиле на каком-нибудь жкери, где отсутствуют строгие конвеншны к построению архитектуры клиента, сложнее, чем в ясном и продуманном окружении реакта?

Answer 4

Для начала будущему джуну не плохо бы сходить на сайт реакта, и прочитать там большими буквами, что Реакт - ни разу не фреймворк, а очень даже "A JavaScript library for building user interfaces".
Во вторых будущему джуну надо осознать, что если он так неаккуратен в терминологии, то в разработке ему будет трындец как сложно. Компьютер, в отличии от человека, воспринимает все буквально и делает ровно то, что сказано. И если сказано неточно, то результата не будет.
В общем будущему джуну нужно прокачивать дисциплину мышления и серьезно поработать над уточнением формулировок. На первые пол-года хватит, а потом пусть будущий джун возвращается с новыми вопросами, скажем что делать дальше.

Answer 5

Знать как пишется реактивность. А иметь голову на плечах. Это минимум. А, ну и js.

Answer 6

Джунам нет смысла к реакту подходить.
Нужно понимать как асинхронность работает, семантику языка, чем отличается императивщина от декларативной парадигмы.
Как минимум вот это всё - это уже не про уровень джуна, так что о чём вы вообще...