btholt / complete-intro-to-react-v7

The Complete Intro to React v7 and Intermediate React v4 as taught on Frontend Masters

Please click here to head to the course website.

Issues and Pull Requests

Please file issues and open pull requests here! Thank you! For issues with project files, either file issues on this repo or open a pull request on the projects repos. This repo itself is the course website.

Project Files

Please go here for the project files.

License

The content of this workshop is licensed under CC-BY-NC-4.0. Feel free to share freely but do not resell my content.

The code, including the code of the site itself and the code in the exercises, are licensed under Apache 2.0.

React icons created by Freepik - Flaticon

complete-intro-to-react-v7's Issues

typo, missing the word "find".

typo address:

complete-intro-to-react-v7/lessons/05-react-capabilities/A-react-router.md

Line 9 in 28d0b48

What we want to do now is to add a second page to our application: a Details page where you can out more about each animal.

suggested fix on #8

redux-getting-started page is not found

Hello, thank you for the course and your hard work.
In useReducer page you say "If not, there's a brief section on it here." however, there is no Redux page on this page and a 404 screen appears.

I don't know if this was done on purpose, but when it didn't come out, I wanted to open an issue about it.

ERROR: ERR_CERT_COMMON_NAME_INVALID

Incorrect url

URL [state of the project up until now: 11-context](https://github.com/btholt/citr-v7-project/tree/master/12-context) is incorrect. Should be 11-context

complete-intro-to-react-v7/lessons/06-special-case-react-tools/B-context.md

Change eslint command in course website to match video

Currently, the course website text is using npx eslint script.js which doesn't match the file structure up to this point, or the video for this command. The file structure/video uses npx eslint src/App.js

Line 33 in C-eslint.MD

redux-promise-middleware link is not working

should be
https://pburtchaell.gitbook.io/redux-promise-middleware/
Site section below
https://btholt.github.io/complete-intro-to-react-v7/lessons/redux/action-creators

@parcel/transformer.js is not a function?

after running npm-i when tried to run the project on localhost by npm run dev it gave me this error.

Image content not available through HTTPS

Please make image content available through HTTPS (pets-images.dev-apis.com). Text content can be accessed by both http and https, whereas images cannot. When deploying the app to gh-pages for example, you cannot view them. Hopefully it's a quick fix.

Header of `lesson/[slug]/js` page is mis-sized

A typo of repetition of the word "can" #69

There is a repetition of two "can" in the text.

Here I think the second "can" needs to be replaced by the word "use":

• First we're using document.getElementById to grab an existing div out of the HTML document. Then we take that element (which we called container) and pass that into ReactDOM.render. This is how we signal to React where we want it to render our app. Note later we can can ReactDOM.render again to change what the root of our React app looks like (I rarely need to do that.)

https://github.com/btholt/complete-intro-to-react-v7/blob/main/lessons/02-no-frills-react/A-pure-react.md#L69

No `script.js` in Prettier section

The lesson says "From there, run prettier script.js." but we haven't created a script.js yet. Is it meant to say "From there, run prettier src/App.js"? I tried that and it works, but it doesn't do any formatting because the original file was fine, so I am confused.

Love the idea of making this course free and open-source, so would like to help improve it!