[Книга] [Dave Ceddia] - Чистый React

Пошаговое руководство по освоению React. «Я застрял в учебниках!» Даже после просеивания бесчисленных обучающих программ и видеоуроков вы все еще не можете создать свое приложение? Это безумие. Одну минуту вы киваете головой и уверены что все понимаете, а через две минуты перед вами мигающий курсор и вы не знаете что делать дальше. Знания похожи на мираж - в теории все получается, до того времени пока не наступает практика.

И дело не только в том, что знания сами по себе скользкие. Существует также бесконечный список библиотек и инструментов для изучения: Webpack, Babel, React Router, Redux, Sagas, Thunks, AJAX, Jest,... Новые библиотеки появляются еженедельно, транслируются в информационных бюллетенях и в Twitter. «Черт возьми, мне нужно сейчас изучать стилизованные компоненты? Что случилось с CSS?» Вы начинаете тихо спрашивать себя - а возможно NPM исчезнет за ночь. Возможно, у них нет резервных копий. Возможно люди забудут. Люди действительно используют все это? Создать реальные приложения? Иногда это кажется большой шуткой. Но никто не смеется, и никто, кажется, не сдаётся.

Большинство советов не стоит той цены, которую вы за них заплатили... Существует много советов. Многие начинаются с «А давайте клонируем этот шаблон - у него есть все что вам нужно!» И заканчивается «React это так просто, посмотри только, насколько это легко. В то время вы уже швыряете стульями по комнате, но ввесь интернет говорит о том, насколько велик Реакт, и если вы просто сделаете еще одно приложение TODO, вы наконец научитесь работать с ним.

А что если вы поступите иначе? Что, если бы я сказал вам - вы можете нарушить эти правила? Вам не нужно столько всего лишнего для изучения react.

Я создал упрощенный клон Slack: у него есть каналы и пользователи, вы можете отправлять сообщения в частном порядке или по отдельным каналам. И он полностью сделан на React! Он использует обычный CSS. Мне не нужно было создавать конфигурацию Webpack. Я не возился с React Router и Redux. Я даже не подключил его к реальному серверу. Сообщения и пользователи являются fake data.

«Подождите, что?» Что хорошего в приложении с поддельными данными?

Я скажу вам: это идеальная платформа для обучения. Добавьте или удалите функции по своему усмотрению, чтобы настроить свою практику. Эта стратегия потрясающая, так как вы сможете выделить одну вещь (в данном случае - «React») и научиться этому. Затем, когда вы будете готовы, перейдите к следующему этапу.

Вспомните: когда вы учились кататься на велосипеде, вы ездили на велосипеде по оживленной дороге прям в первый день? Нет, вы вероятно всего катались по пустым уличкам. Кто-нибудь давал вам несколько шаров и сказал: «Сейчас научишься жонглировать одновременно всеми ими.» Нет, вы просто сосредоточены на том, чтобы не упасть с велосипеда. И у вас скорей всего былы еще два страховочных колеса.

Моя книга «Pure React» излагает ориентированную пошаговую дорожную карту для обучения в правильном порядке. Она разбивает все на куски для вас и объясняет каждый шаг, для того чтобы вы действительно понимали что делаете.

Создавайте небольшие приложения с этой книгой и учитесь делать правильные приложения. Вы получите хорошую практику, создав серию небольших компонентов и микро приложений - здесь нет большого монолитного приложения. Упражнения заставят писать свой собственный код с самого начала - это не учебник по копипасту. Научитесь превращать макеты и эскизы непосредственно в код и учиться «думать о компонентах». И я обещаю, что не заставлю вас написать еще одно приложение TODO. У нас их было достаточно. Вот несколько приложений, которые вы будете создавать самостоятельно:

• Slack
• Reddit
• Pinterest
• Hacker News

Сначала изучите основы, сфокусировавшись исключительно на Реакте и вы сможете глубоко и полностью овладеть им. Вы уйдете с идеальной основой для развития. Когда вы закончите, вы сможете оценить библиотеки по их достоинствам и добавлять их по своему усмотрению. Более того, вы сможете применить процесс, который вы изучите в книге, чтобы овладеть другими библиотеками.

Что охватывает книга?

• Легкая настройка проекта с помощью Create React App (вы будете запускать код в течение нескольких минут)
• Стратегии отладок на тот случай, когда все идет не так как надо
• Освоение синтаксиса JSX, включая «if», «Loops» и «Динамические чайлд компоненты»
• Использование props для создания повторно используемых компонентов и для связи между ними
• Как PropTypes может сэкономить вам время отладки и помочь «будущему себе» помнить, как использовать компоненты, которые вы написали
• Использование «children» prop для рендеринга динамического контента
• Как написать React в современном ES6 Javascript, с нежным введением в синтаксис ES6
• Как работают элементы управления в React (контролируемые и неконтролируемые)
• Где и как правильно использовать состояние компонента в приложении React
• Компоненты Stateful vs Stateless
• Жизненный цикл компонента, и как его использовать в ваших интересах

В книге есть по крайней мере 11 пошаговых примеров, а также 25 упражнений для укрепления ваших знаний. Вы начнете с простых компонентов (твиты, диалоговые окна, электронные письма) и перейдете к более сложным мини-приложениям (упрощенные версии Trello, Hacker News, Pinterest, Reddit и Slack).

В этой версии книги:

• 158 страниц
• PDF, EPUB, and MOBI
• 11 примеров и 25 упражений