Closed markerikson closed 2 years ago
@markerikson do you want to make a PR with the updated content you shared here plus the content you want to keep? I can announce the updated section on twitter or in the announcements so people know
@markerikson @vcarl the link for 'A Comprehensive Guide to React in 2020' in the React's Recommended Primary Resources section redirects to a 404 (the original was on Medium which freeCodeCamp switched away from). Could either of you take a look and see if this is the article you meant: https://www.freecodecamp.org/news/a-complete-beginners-guide-to-react-4d490abc349c/
If so happy to open an MR to add this because this outline has been of great value to me and I would glad give back 🙏🏿 Thanks 😇
@leni1 : hmm. Annoyingly, the Web Archive doesn't show the original version due to 302 redirects.
Googling the URL, I found https://twitter.com/instaworldcode/status/978189785935343616 , which suggests it was actually by Tyler McGinnis.
If that's the case, the article probably also disappeared after he set up the UI.dev course site.
The article you linked to seems too out of date to use as a replacement.
Anyone have suggestions for a better article to replace that link? (Or we could just remove it, especially since the React beta docs exist now)
I'm going to close this after #200 and #201, if there are content issues with links and such we'd love PRs though! With this many, it wouldn't surprise me if some slip past
The "Learning" page really hasn't been touched since like 2016 or something, and a lot of material has changed since then.
I put together a "front end learning resources" list for my day job somewhat recently, and I'm going to dump that material here as a potential replacement for the current contents.
I don't want to replace the existing page right away, because there may be some stuff in there that I've forgotten about and is worth keeping. Also, the two lists are formatted differently. But, here you go:
Recommended Learning Path
You should learn these technologies in the following order:
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.
true
How Web Apps Work
Mark's post series that describes the key terms, concepts, technologies, syntax, and data flow used in web apps.
Recommended Primary Resources (should read)
Javascript
Recommended Primary Resources (should read)
General JS
Specific Topics
this
keyword and scopesthis
keyword in JavaScriptthis
in JavaScriptAdditional Resources (read as needed)
General JS
Specific Topics
package.json
Guidepackage.json
FileReact
Recommended Primary Resources (should read)
General React
Start with reading the official docs first. However, 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. That won't be published until mid-2021. Until then, a third party has made a fork of the React docs and converted the tutorials and examples to show function components instead of classes, so I'm going to link that here and suggest reading it.
These other listed tutorials are also excellent and may explain things in a different way.
Read: official React docs
Read: React docs (converted to show hooks)
Watch: React Tutorial for Beginners
Read: Intro to React, Redux, and TypeScript for 2020 (Mark's presentation slides)
Read: Build a CRUD App in React with Hooks
Read: A Comprehensive Guide to React in 2020
Exercises: Learn React - Interactive Tutorials
Project Setup
Specific Topics
Additional Resources (read as needed)
General React
Redux
Recommended Primary Resources (should read)
General Redux
Start with reading the official docs first, and also watch Mark Erikson's "Redux Fundamentals Workshop" videos.
The other tutorials are also excellent and may explain things in a different way.
connect
() : Extracting Data withmapStateToProps
connect()
: Dispatching Actions withmapDispatchToProps
Mark Erikson's Redux Resources
Specific Topics
Additional Resources (read as needed)
TypeScript
Recommended Primary Resources (should read)
Specific Topics
interface
vstype
Additional Resources (read as needed)