Оригинал — Изучите React.js из 45 лучших руководств за последний год (версия 2018)
Оригинальный автор - Mybridge
Оригинальный адрес - средний.загадка bridge.co/learn-react…
Переводчик - hijiangtao
Адрес перевода - Привет, Цзянтао.GitHub.IO/2018/01/23/…
Примечание переводчика: автор исходного текста изучил почти 18 000 статей React.js, чтобы прийти к этому резюме.Полный текст включает темы о вводных, расширенных и всеобъемлющих приложениях React, а также темы о маршрутизации, React Native, анимации, PWA. , и т.д. Представляем, среди них нет недостатка в опыте крупных команд компании по реконструкции фронтенда и попытка популярного американского сериала "Силиконовая долина" на реакт нативе, что очень подходит для сравнения собственного Стек технологий React для проверки и заполнения пробелов, подходит для сбора и чтения. Переводчик сохраняет ссылку на исходный текст и адрес ссылки на носитель или твиттер соответствующего автора, что удобно для дальнейшего просмотра и изучения читателями. Если в тексте есть ошибки, прокомментируйте.
В период с января по декабрь 2017 года мы сравнили почти 18 000 статей о React.js и выбрали 45 учебных пособий, которые, скорее всего, помогут улучшить ваши навыки веб-разработки в 2018 году.
Это очень конкурентоспособный список (45/18000, или 0,25% вероятности быть выбранным) и тщательно отобранные статьи React.js, которые были наиболее полезны для читателей в прошлом году.Mybridge AIКачество статей оценивается с учетом таких факторов, как популярность, вовлеченность и время публикации.
Для повышения актуальности учебные пособия сгруппированы в 15 групп (см. ниже).
Чтобы наверстать упущенное в лучших учебных пособиях по React.js, которые вы могли пропустить за последний год, приготовьтесь к большому количеству времени на чтение. Если вы ищете проекты с открытым исходным кодом React.js за последний год (в среднем 3366 ⭐️):кликните сюда
Рекомендуемый курс обучения
А) Начало работы:Полный веб-курс React (второе издание): создание веб-сайтов с помощью Redux, Webpack и React-Router[рекомендовано 12 976, 4,8/5 звезд]
Б) Продвинутый:Advanced React и Redux: аутентификация, тестирование, промежуточное ПО, HOC и развертывание[Рекомендация 34, 116, 4,7/5 звезд]
(Нажмите на название номера, чтобы войти в соответствующее учебное пособие. Номер номера не представляет рейтинг)
No 1
Под капотом: ReactJS — расшифровка всей кодовой базы React (версии стека и волокна) с помощью визуального блочного шаблона. Зависит отBohdan Liashenkoпоставка.
No 2
React Bits: все, что вам нужно знать о React. Зависит отVasaпоставка.
No 3
React Express: универсальное руководство для начинающих по разработке современных приложений React. Зависит отDevin Abbottпоставка.
No 4
Бессерверный стек: руководство по созданию полнофункционального бессерверного приложения (приложение для создания заметок) с использованием React.js, AWS Lambda, API Gateway, DynamoDB и Cognito. Зависит отFrank Wangа такжеJay Vпоставка.
No 5
Все основные концепции React.js описаны в этой статье на Medium. Зависит отSamer Bunaа такжеfreeCodeCampпоставка.
No 6
Краткий обзор эволюции React в 2017 году. Зависит отJoshua Comeau and Hackernoonпоставка.
No 7
Настройте среду разработки React, используя webpack и Babel. Зависит отJoy Waruguа такжеScotch Developmentпоставка.
No 8
Разве наш код не простоBEST: Оглядываясь назад на адские 6 недель, в течение которых я переписывал реагирующие бамперы. Зависит отfatпоставка.
No 9
Наши лучшие практики написания компонентов React. Зависит отScott Domesпоставка.
No 10
7 архитектурных преимуществ надежного компонента React. Зависит отDmitri Pavlutinпоставка.
No 11
Простые шаблоны React: обработка побочных эффектов в React.
No 12
Краткое введение в расширенные компоненты. Зависит отRobin Wieruchпоставка.
No 13
8 важных решений компонентов React. Зависит отCory Houseпоставка.
No 14
100% правильный способ создания React-приложения (или почему такого не существует). Зависит отDavid Gilbertsonпоставка.
No 15
How to GraphQL — полное руководство по GraphQL. Зависит отGraphcoolпоставка.
No 16
Все о React Router 4. Предоставлено Брэдом Вестфоллом.
No 17
Создайте свой собственный React Router V4. Зависит отTyler McGinnisпоставка.
No 18
8 вещей, которые вам нужно изучить в React, прежде чем использовать Redux. Зависит отRobin Wieruchпоставка.
No 19
4 способа Redux: Thunk vs Saga vs Observable vs Redux Promise Middleware за десять минут. Зависит отNader Dabitпоставка.
No 20
Неизмерность JavaScript с Redux. Дэвид Сюй иToptalпоставка.
No 21
Масштабируемый рендеринг React на стороне сервера. Зависит отRobert Arkwrightпоставка.
No 22
Что нового в рендеринге на стороне сервера в React 16? Зависит отSasha Aickinпоставка.
No 23
Clean Code vs. Dirty Code: React 最佳实践。 Зависит отDonavon Westпоставка.
No 24
Функциональный setState — это будущее React. Зависит отJustice Mbaпоставка.
No 25
React, встроенные функции и производительность. Зависит отRyan Florenceпоставка.
No 26
Оптимизируйте производительность вашего приложения React. Зависит отAlex Searsа такжеAuth0поставка.
No 27
Исправления производительности React для страниц со списками Airbnb. Зависит отJoe Lencioniпоставка.
No 28
Как резко улучшить производительность вашего приложения React. Зависит отNoam Elboimпоставка.
No 29
Пример производительности Progressive Web App от Tinder. Зависит отAddy Osmaniпоставка.
No 30
Пример использования прогрессивных веб-приложений React и Preact: Treebo. Зависит отAddy Osmaniпоставка.
No 31
Twitter Lite и высокопроизводительные прогрессивные веб-приложения React в любом масштабе. Зависит отPaul Armstrongпоставка.
No 32
Создайте небольшое приложение PWA, используя Preact и Firebase. Зависит отDan Denneyпоставка.
No 33
Как React Native резко увеличил скорость разработчиков в Instagram. Зависит отInstagram Engineeringпоставка.
No 34
Как создать собственное приложение React Native. Зависит отSiddharth Jainпоставка.
No 35
Как я создал сверхбыстрый проект клонирования Uber для мобильного Интернета? Зависит отNarendra N Shettyпоставка.
No 36
Сравните производительность Native iOS (Swift) и React-Native. Зависит отJohn A. Calderaioпоставка.
No 37
Рефакторинг интерфейса Airbnb. Зависит отAdam Neary(программист Airbnb).
No 38
Как «Силиконовая долина» HBO использовала мобильные TensorFlow, Keras и React Native для создания «Not Hotdog». Зависит отTim Angladeпоставка.
No 39
Используйте TypeScript, React иSocket.ioСоздайте приборную панель докера. Зависит отSteve Hobbsпоставка.
No 40
Растущая боль: перенос настольного приложения Slack на BrowserView. Зависит отCharlie Hess(Слабый инженер-программист).
No 41
Как я создал свою собственную платформу курса? Зависит отRobin Wieruchпоставка.
No 42
Погрузитесь в анимацию React. Зависит отNader Dabitпоставка.
No 43
Воплощение виртуального DOM в жизнь - Сара Драснер. Зависит отSarah Drasnerпоставка.
No 44
50 самых задаваемых вопросов и ответов на интервью React.
No 45
Реагируйте на вопрос интервью: что отображается в браузере, это компонент или элемент? Зависит отSamer Bunaпоставка.
Это учебные пособия по React.js за год, обобщенные первоначальным автором. Переведите его на китайский язык, надеюсь, он будет полезен всем, кто изучает и использует React в повседневной жизни.
наконец
Если вам нравится использовать WeChat, вы можете подписаться на свою личную общедоступную учетную запись и выполнить поиск по запросу «темный рассвет” или отсканируйтеQR кодСледуйте, это синхронизирует меняЗнай почтитак же какличный блогСтатьи, опубликованные на , рассказывают о передовых технологиях и ежедневных интересных вещах. Студенты, которым нравится использовать Zhihu, могут следить за моей колонкойМладший фронтенд-инженер.
Ошибки в жизни неизбежны, посоветуйте!