|
16 | 16 |
|
17 | 17 | * **Другие проекты:** Изучив чистый React, всегда хорошо сначала применить полученные знания в своих проектах, прежде чем начинать изучать что-то новое. Вы можете написать собственную игру в крестики-нолики или простой калькулятор на React. Есть много обучающих статей, которые используют только React, чтобы создать что-то захватывающее. Посмотрите мою статью про создание [постраничный список с бесконечной прокруткой](https://www.robinwieruch.de/react-paginated-list/), [просмотр твитов из ленты Twitter](https://www.robinwieruch.de/react-svg-patterns/) или [подключение React-приложения к Stripe для снятия денег](https://www.robinwieruch.de/react-express-stripe-payment/). Экспериментируйте с этими мини-приложениями, чтобы научиться уверенно работать с React. |
18 | 18 |
|
19 | | -* **Компоненты пользовательского интерфейса (UI):** Вы совершайте ошибку, слишком рано представив библиотеку для пользовательского интерфейса компонентов в вашем проекте. Во-первых, вам нужно знать, как с нуля реализовать и использовать выпадающий список, чекбокс или диалоговое окно, используя стандартные HTML-элементы, после чего реализовать их в React. У большинства этих компонентов будет собственное локальное состояние. Например, у чекбокса будут свойства состояния, указывающие, отмечен он или нет. Таким образом, вы должны реализовать их как управляемые компоненты. После того, как у вас есть все основные реализации UI, вы можете задуматься над созданием библиотеки компонентов пользовательского интерфейса, собрав в неё чекбоксы, диалоговые окна и всё то, что вы реализовали в виде React-компонентов. |
| 19 | +* **Компоненты пользовательского интерфейса (UI):** Вы совершаете ошибку, слишком рано представив библиотеку для пользовательского интерфейса компонентов в вашем проекте. Во-первых, вам нужно знать, как с нуля реализовать и использовать выпадающий список, чекбокс или диалоговое окно, используя стандартные HTML-элементы, после чего реализовать их в React. У большинства этих компонентов будет собственное локальное состояние. Например, у чекбокса будут свойства состояния, указывающие, отмечен он или нет. Таким образом, вы должны реализовать их как управляемые компоненты. После того, как у вас есть все основные реализации UI, вы можете задуматься над созданием библиотеки компонентов пользовательского интерфейса, собрав в неё чекбоксы, диалоговые окна и всё то, что вы реализовали в виде React-компонентов. |
20 | 20 |
|
21 | 21 | * **Организация кода:** По пути изучения книги вы наткнулись на одну главу про организацию кода. Вы можете применить полученные значения сейчас, если ещё не сделали этого. Организуйте ваши компоненты в структурированные файлы и каталоги (модули). Кроме того, это поможет вам понять и изучить принципы разделения кода, повторного использования, дальнейшей поддержки и проектирования API модуля. В конце концов ваше приложение будет увеличиваться, и вам так или иначе придётся разделять его по модулям. Так что лучше начать делать это прямо сейчас. |
22 | 22 |
|
|
0 commit comments