Сэкономьте время с помощью этой шпаргалки по React

Взгляните на шпаргалку здесь.

Иногда создание быстрого интерфейса с помощью React может занять 30 минут. Но в других случаях это может занять несколько часов.

Если вы часто забываете названия методов, свойств или предоставляемых ими функций, может раздражать то, что вам придется покинуть редактор кода только для поиска в Google. Вы можете подумать, неужели так сложно набрать пару букв и получить нужные ответы? Ну, конечно, нет. Но если это происходит более одного раза, возможно, пришло время обзавестись шпаргалкой, чтобы вам больше не приходилось выходить из редактора кода. Наличие шпаргалки рядом с вами, безусловно, сэкономит вам время в долгосрочной перспективе!

Вот памятку, которую вы можете использовать:

Взгляните на шпаргалку здесь.

Изучая шпаргалку, помните, что вы можете:

1. Сгенерируйте шпаргалку в загружаемый PDF / JPEG, или вы можете добавить страницу в закладки и вернуться к ней позже.

2. Если вам не нравится порядок столбцов, вы можете перетащить их и изменить их порядок, прежде чем создавать шпаргалку.

3. Вы можете выбрать любую из тем синтаксиса кода в поле выбора для создания в шпаргалке (есть около 25 тем, из которых вы можете выбрать):

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

Также моей целью было уместить все это на одной странице, но информации было слишком много. Если у кого-то есть предложения о том, какие части поменять / удалить, дайте мне знать.

Изменения сохранятся и после закрытия браузера, так что вам не придется все переделывать. Вот полный список того, что на данный момент находится в шпаргалке (я буду постоянно обновлять шпаргалку).

Фрагменты

Типы возврата

Граница ошибок (React v16.0)

Статические методы

Состояния компонентов

Компоненты рендеринга

Свойства по умолчанию

Другой экспорт React

Импорт

Указатель событий (React v16.4)

React Suspense / Lazy (React v16.6)

React Profiler (React v16.9)

Синхронная / асинхронная act Утилита тестирования (React v16.9)

Взгляните на шпаргалку здесь.

Заключение

И это конец этой публикации! Я надеюсь, что вы нашли это полезным и ждете большего в будущем!