Илья Борисович Государев - Введение в веб разработку на языке JavaScript

будут компоненты Menu и Content, соответственно. Простейшая модель построения сменного контента есть выбор одного из нескольких вариантов в зависимости от соответствия условию, т. е. switch case. Поэтому в декларативном роутинге логично расположить маршруты в элементах Route внутри
элемента Switch.
import { BrowserRouter, Switch, Route, Link } from 'react-router-dom';
const Content = () => (







);
ИТОГО
import React from 'react';
import { render as r } from 'react-dom';
import { BrowserRouter, Switch, Route, Link } from 'react-router-dom';
import Counter from './Counter';
import Map from './Map';
import Gallery from './Gallery';
const Content = () => (







);
const Menu = () => (



Карта
Галерея
138

Отзывы



);
const App = () => (

);
r(
,
document.querySelector('.cont'),
);
8. Чтобы в режиме WDS можно было вводить маршруты прямо в адресной
строке типа
http://localhost:1234/gallery
необходимо включить опцию:
devServer: {
port: WDS_PORT,
host: '0.0.0.0',
historyApiFallback: true,
},
9. Чтобы то же самое было возможно под управлением, например, Express, добавьте код
.get('/*', r => r.res.sendFile('docs/index.html', { root: '.' }))
10. Используйте форк репозитория-задания по адресу https://github.com/GossJS для
размещения результата выполнения работы, который позволяет оценить его работоспособность: загрузите в репозиторий-ответ результат, скриншот и/или скринкаст выполнения и, по необходимости, инструкции для запуска результата.
11. Разработайте план проверки работоспособности приложения и произведите
отбор инструментов из экосистемы React для реализации тестирования.

139

ЛИТЕРАТУРА
1. Флэнаган, Д. JavaScript. Подробное руководство / пер. с англ.. —
6-е изд. — СПб. : Символ-Плюс, 2012. — 1080 с.
2. Закас, Н. ECMAScript 6 для разработчиков. — СПб. : Питер, 2017. —
352 с.
3. Браун, И. Веб-разработка с применением Node и Express. Полноценное
использование стека JavaScript. — СПб. : Питер, 2017.
4. Пауэрс, Ш. Изучаем Node. Переходим на сторону сервера. — 2-е изд.,
доп. и перераб. — СПб. : Питер, 2017. — 304 с.
5. Стефанов, С. React.js. Быстрый старт. — СПб. : Питер, 2017. — 304 с.
6. Холмс, С. Стек MEAN. Mongo, Express, Angular, Node. — СПб. : Питер,
2017. — 496 с.
7. Кантелон, М. Node.js в действии / М. Кантелон, М. Хартер, T. Дж. Головайчук [и др.]. — СПб. : Питер, 2015. — 448 с.
8. Пьюривал, С. Основы разработки веб-приложений. — СПб. : Питер,
2015. — 272 с.
9. Никсон, Р. Создаем динамические веб-сайты с помощью PHP, MySQL,
JavaScript, CSS и HTML5. — 4-е изд. — СПб. : Питер, 2016. — 768 с.

140

Илья Борисович ГОСУДАРЕВ

ВВЕДЕНИЕ В ВЕБРАЗРАБОТКУ
НА ЯЗЫКЕ JAVASCRIPT
Учебное пособие

Зав. редакцией
литературы по информационным технологиям
и системам связи О. Е. Гайнутдинова
Ответственный редактор С. В. Макаров
Корректор Е. В. Разенкова
Выпускающий С. В. Орловский

ЛР № 065466 от 21.10.97
Гигиенический сертификат 78.01.10.953.П.1028
от 14.04.2016 г., выдан ЦГСЭН в СПб
Издательство «ЛАНЬ»
lan@lanbook.ru; www.lanbook.com
196105, СанктПетербург, пр. Юрия Гагарина, д. 1, лит. А
Тел./факс: (812) 3362509, 4129272
Бесплатный звонок по России: 88007004071

Подписано в печать 10.04.19.
Бумага офсетная. Гарнитура Школьная. Формат 70×100 1/16.
Печать офсетная. Усл. п. л. 11,70. Тираж 100 экз.
Заказ № 27519.
Отпечатано в полном соответствии с качеством
предоставленного оригиналмакета в АО «Т8 Издательские Технологии».
109316, г. Москва, Волгоградский пр., д. 42, к. 5.

--">