Некоторое время назад я начал интересно, как улучшить свою игру в React.
Как новичок в реакции, я научился пройти страницу, сломаю ее на компонентные части, организовать мою структуру файлов, реализовывать маршрутизатор RACT, даже реализующую Redux, но все же мой код React был составлен 100% классов компонентов, наследства и прохождения 100% реквизит. Это все. Объявите класс, установите состояние (или нет), проходят реквизиты, повторите.
Я знал, что были «продвинутые реагирование» и хотели добраться до того, что мне было удобно, реализуя эти шаблоны в производстве. Но как при изучении большинства вещей в коде, учебники только получают вас до сих пор, и тогда есть разрыв между новичками и ресурсами уровня экспертов.
Так что –славли– я пробился через видео трубки, многие, которые были очень полезны от таких людей, как Кент Додс и Стива Кинни и куча других, чьи имена я не помню. Они много помогали, но я ничего не нашел, намного ориентированного на то, чтобы взять реагировать новичок и выравнивание их игры.
То, что я действительно искал, был список различных методов реагирования и их плюсы/минусы/когда их использовать. Пока что я не нашел ничего подобного, поэтому я стремлюсь к этому, теперь, когда я чувствую себя в основном комфортно с этими темами.
Я выделим детали в дальнейших постах, возможно, но вот список методов, которые я обнаружил, что я бы поставил куда-нибудь ведро навыки реагирования на новичок. Я бы отстал, если у кто-то из вас есть другие рекомендовать!
Передовые методы реагирования, свободно упорядочаемые из «простых» в самый сложный:
1. Функциональные компоненты
Функциональные компоненты – это просто компоненты, объявленные как функции не классы. Однако они ведут себя немного по-другому, одна разница в том, что они не могут иметь государства. Это может быть действительно хорошая вещь, хотя, если вы не хотите, чтобы этот компонент хранить состояние и хотите убедиться, что никто другой (включая вас) соблазн добавить его позже.
2. Пропорция
Тип проверки на реквизиты RACT
3. Состав в области реагирования/реагирования Композитные компоненты/составные компоненты
Я видел разные имена для того же общего понятия, но до сих пор думаю, что все они относятся к тому же или в основном то же самое. С широко различной степенью сложности, вы можете создать пропускной компонент, который может сделать некоторое задуматься о своем собственном и оказывает то, что вы гнездятся внутри него. Определенно нужно собрать лучший урок на этом, чтобы показать хорошую прогресс от более простых композитных компонентов до более сложных
4. реагировать детей
Тесно связаны с композитными компонентами, но стоит смотреть на свои собственные
5. Компоненты более высокого порядка
5. Реагистрационная компонент Refs
Refs – это способ хранения ссылок на объект на экземпляре компонента.
6. Реагистрировать контекст
… и больше, чтобы прийти
Рекомендации:
- Я очень сильно полагаюсь на много работы Кента Додса Пример пост: https://blog.kentcdodds.com/advanced-React-Component-Patterns-56AF2B74BC5F.
- Реагические документы, хотя иногда немного трудно следовать, если у вас нет хорошего понимания окружающих концепций, являются потрясающими
- https://hackernoon.com/react-stateless-functional-components-nine-wins-you-might-have-overlooked-997b0d933dbc