Публикации по теме 'react-router-4'
Основы React Router: что бы мне сказали
Хорошо, вот моя проблема с React Router:
Мол, не поймите меня неправильно - это здорово. Вы можете помещать свои маршруты так же, как любые другие компоненты React, вы можете вкладывать их, дизайн элегантен, и в идеальном мире он «просто работает». Но… Документация оставляет желать лучшего. Кажется, что они делают простые задачи сложными. На этой неделе я работаю над проектом с использованием React Router. В последний раз я использовал его несколько недель назад, поэтому, естественно,..
Руководство для начинающих по React Router 4
React - это библиотека JavaScript для создания пользовательских интерфейсов. В парадигме React каждая часть пользовательского интерфейса является компонентом, который управляет своим собственным автономным состоянием (данными) и функциями.
React, как и другие интерфейсные JavaScript-фреймворки, полезен для создания одностраничных приложений (SPA). Это веб-приложения, которым не требуется перезагрузка полной страницы при изменении представления. Вместо этого они меняют представления в..
React-Redux: шаблон для начала реагирования
Конфигурация всегда была проблемой для большинства разработчиков, особенно когда они только начинают. Подготовить эту среду разработки, чтобы начать кодирование вашего «дальновидного» приложения, почти равнозначно наведению порядка в вашей комнате перед тем, как ваши родители навестят вас, чтобы вы могли пропустить время, которое они обычно используют, чтобы вы знали, «какой» вы ответственный взрослый превратились в.
В нашем распоряжении есть супер-классный реактивный фреймворк под..
Более простая относительная маршрутизация для реактивного маршрутизатора
Более простая относительная маршрутизация для реактивного маршрутизатора
И я имею в виду более простой, который включает в себя Links ( NavLinks ) и Switch .
Маршрутизатор React — отличный инструмент, позволяющий быстро и легко настроить маршруты приложений. Тем не менее, когда ваше приложение становится более сложным, требующим относительной маршрутизации (и связывания), требуется немного больше работы и осведомленности. Теперь есть несколько решений, в основном адаптирующих ваш..
Реактивный маршрутизатор + ссылки
React Router 4 настроен для базовой маршрутизации.*
Структура файла: Index.jsx — это файл, который свяжет компонент приложения с HTML-страницей. В App.jsx я буду определять маршруты, а HomePage.jsx — еще один компонент, в котором я могу использовать маршруты, определенные в App.jsx, с помощью ссылок.
src
|_Components
|_HomePage.jsx
|_AddComposer.jsx
|_App.jsx
Index.js
Вот как выглядит Index.js
import React from 'react';
import ReactDOM from 'react-dom';
import {Route,..