Когда react-router 4 только появился, многие переживали по двум поводам:
- Как вынести роуты в отдельный файл (конфиг роутов)
- Как теперь жить без onEnter хука.
В видео от Tyler McGinnis'a освещен первый вопрос.
Рубрика «react-router»
Как сделать конфигурационный файл роутов в React Router 4 (субтитры)
2018-05-08 в 12:31, admin, рубрики: javascript, React, react-router, react-router-4, ReactJSРазвёрнутый комментарий Дэна Абрамова к статье «Вещи, о которых никто вам не расскажет про React»
2017-05-05 в 17:40, admin, рубрики: Dan Abramov, React, react-router, ReactJS, reduxВсем привет! Недавно Дэн Абрамов, создатель Redux, оставил довольно массивный комментарий к статье на Medium Things nobody will tell you about React.js, который очень быстро разошёлся популярностью и довольно скоро набрал раза в 3 больше рекомендаций, чем сама статья :)
Собственно, текущая статья является моим переводом его комментария, так как последняя содержит ценные замечания по поводу актуального и будущего состояния React / React Router.
Надеюсь, кому-то это будет полезным.
Привет, спасибо за обратную связь! :)
Я ценю, что вы поделились своим неприятным опытом работы с React.
Ваш пост содержит широко распространенные в React сообществе заблуждения, поэтому мне захотелось воспользоваться моментом и разъяснить их для любого, у кого имеются те же проблемы.
Это вовсе не означает, что React для всех работает одинаково хорошо, или что затронутые вами проблемы неактуальны. Но есть несколько моментов, которые, на мой взгляд, важно обозначить для правильного понимания этих проблем.Читать полностью »
Архитектура модульных React + Redux приложений
2017-04-14 в 0:27, admin, рубрики: javascript, modules, React, react-router, redux, redux-thunk, Анализ и проектирование систем, Проектирование и рефакторинг, Разработка веб-сайтов
Большинство разработчиков начинает знакомство с Redux с Todo List Project. Это приложение имеет следующую структуру:
actions/
todos.js
components/
todos/
TodoItem.js
...
constants/
actionTypes.js
reducers/
todos.js
index.js
rootReducer.jsНа первый взгляд такая организация кода кажется логичной, ведь она напоминает стандартные соглашения многих backend MVC-фреймворков:
app/
controllers/
models/
views/На самом деле, это неудачный выбор как для MVC, так и для React+Redux приложений по следующим причинам:
- С ростом приложения следить за взаимосвязью между компонентами, экшнами и редюсерами становится крайне сложно
- При изменении экшна или компонента с большой вероятностью потребуется внести изменения и в редюсер. Если количество файлов велико, скролить IDE вверх/вниз не удобно
- Такая структура потворствует копипасте в редюсерах
Не удивительно, что многие авторы(раз, два, три) советуют структурировать приложение по «функциональности» (by feature).Читать полностью »
React.js: собираем с нуля изоморфное – универсальное приложение. Часть 2: добавляем bootstrap, страницы и роутинг
2016-09-21 в 7:36, admin, рубрики: Bootstrap, isomorphic, javascript, node.js, react-router, react.js, ReactJS, redux
Разработка изоморфного приложения глазами моей жены
Это продолжение статьи про разработку изоморфного приложения с нуля на React.js. В этой части мы добавим несколько страниц, bootstrap, роутинг, концепцию Flux и ее популярную реализацию Redux.
Текстовый туториал по react-router, а так же react-router + redux. На русском
2016-04-25 в 9:17, admin, рубрики: javascript, react-router, react.js, ReactJS, redux, япиарюсьВсем добрый день. Немного с задержкой, но все же выходит третий мини-учебник. На этот раз разобран react-router. А так же две главы посвещены интеграции react-router + redux.
В процессе интеграции rr+redux я не использовал react-router-redux и redux-router. Как указано в самой книге, из-за активного развития библиотек, мне хотелось бы «научить вас рыбачить», а не просто «дать рыбу».
Также, приведенный способ по интеграции основан на личном опыте, плюс ответах разработчика redux (его твиттер) на SO, и изучении различных репозиториев. Он не является «единственно верным». Пожалуйста, укажите ссылки на ваши репозитории, либо предложите свои варианты в комментариях.
Поехали!
