react-redux-links README

The project's README from github.com/markerikson/react-redux-links. As one markdown file: README.md.

React/Redux Links

Curated tutorial and resource links I've collected on React, Redux, ES6, and more, meant to be a collection of high-quality articles and resources for someone who wants to learn about the React-Redux ecosystem, as well as a source for quality information on advanced topics and techniques. Not quite "awesome", but hopefully useful as a starting point I can give to others. Suggestions welcome.

Another important resource is the Reactiflux community on Discord, which has chat channels dedicated to discussion of React, Redux, and other related technologies. There's always a number of people hanging out and answering questions, and it's a great place to ask questions and learn. The invite link is at https://www.reactiflux.com.

You might also want to check out my categorized list of Redux-related addons, libraries, and utilities, at Redux Ecosystem Links. Also see Community Resources for links to other links lists, podcasts, and email newsletters. Finally, I also keep a dev blog at blog.isquaredsoftware.com, where I write about React, Redux, Webpack, and more.

Table of Contents

Getting Started

Basic Tutorials

Intermediate Concepts

Advanced Topics

Comparisons and Discussion

You should usually learn these technologies in the following order:

  1. "How Web Apps Work": a series of posts that lays out the big picture of the core technologies, terms, and concepts used in client/server web apps
  2. JavaScript: If you don't know JavaScript, nothing else will make sense
  3. React: You can use React by itself, or with Redux and/or TypeScript. Learning it separately will minimize the number of new concepts and syntax you have to learn at once.
  4. Redux: Redux can be used separately, but it's most commonly used with React.
  5. TypeScript: Because it adds static types on top of JS, you need to understand JS first. Also, it's easiest to understand React and Redux first, then learn how to use them with static types.

The resources in this page are listed in that order.

You are not required to read every single link and article listed in this page. However, you should try to read through as many of the articles linked in the "Recommended Primary Resources" sections as possible, especially for topics you are not already familiar with. Many of the recommended tutorials do cover the same topics, so feel free to skip past concepts you've already learned.

Links in the "Additional Resources" sections are available as references and reading as needed.

How Web Apps Work

Mark's post series that describes the key terms, concepts, technologies, syntax, and data flow used in web apps.

Javascript

General JS
Specific Topics

Additional Resources (read as needed)

General JS
Specific Topics

React

General React

Start with reading the official docs first. The React team is in the process of starting a major rewrite of the React docs site to focus on teaching function components and hooks first, which is now available in beta. We've linked to that rather than the existing "main" documentation.

These other listed tutorials are also excellent and may explain things in a different way.

Project Setup
Specific Topics

Additional Resources (read as needed)

General React

Redux

General Redux

Start with reading the official docs first.

The other tutorials are also excellent and may explain things in a different way.

Mark Erikson's Redux Resources
Specific Topics

Additional Resources (read as needed)

Specific Topics

TypeScript

Specific Topics

Additional Resources (read as needed)

react-redux-links (markerikson/react-redux-links)

Searching Database…

22.5K ·GitHub
React-redux-links
Что это такое?Подборка ссылок на обучающие материалы и ресурсы по React, Redux, ES6, webpack и не только, вручную собранная Марком Эриксоном как отправная точка для изучения экосистемы React-Redux.
Сам контент лежит здесь или это просто список ссылок?Это указатель: README организует ссылки на внешние статьи, туториалы, видео и курсы. Материалы вы читаете по ссылкам на сторонних сайтах, а не в этом репозитории.
С чего лучше начать полному новичку?Следуйте рекомендуемому в README порядку: сначала серия «How Web Apps Work», затем JavaScript, потом React, потом Redux, и только затем TypeScript, потому что статическая типизация строится поверх обычного JS.
Мне нужно прочитать каждую ссылку подряд?Нет. Каждая тема разбита на «Recommended Primary Resources (should read)» и «Additional Resources (read as needed)», а вам прямо советуют пропускать то, что уже знаете.
Здесь про современный Redux или про старый Redux в стиле connect()?И то, и другое. Он указывает на официальный туториал «Redux Essentials» на основе Redux Toolkit для современного подхода и отдельно помечает старые API connect()/mapStateToProps как устаревшие, но всё ещё широко используемые в существующих проектах.
Где я могу задавать вопросы по ходу изучения?В README рекомендуется сообщество Reactiflux в Discord: там есть каналы, посвящённые React, Redux и смежным технологиям, и много людей, готовых ответить на вопросы.
Автор ведёт ещё подобные подборки?Да. Он также поддерживает Redux Ecosystem Links — каталогизированный список аддонов, библиотек и утилит, связанных с Redux, — плюс страницу Community Resources с другими подборками ссылок, подкастами и рассылками, а также девблог на blog.isquaredsoftware.com.
What are similar projects?awesome-redux, react-howto, js-stack-from-scratch, fks, 33-js-concepts, TypeScript-React-Starter, awesome-angular, fe-interview
Which topics is it in?roadmap, es6, functional-programming, redux, boilerplate, state-management, webpack, react-native, git, reference, beginner-friendly, css
Creator
markerikson
Size
1.6 MB
Stars
22.5K
Updated
CommitJul 15
Age
10y
Commits · 90 Days