Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update intro to React lesson #2220

Open
wants to merge 3 commits into
base: main
Choose a base branch
from
Open

Update intro to React lesson #2220

Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
be3abaa
Credit react founding engineer, remove facebook
kaylahrose Feb 4, 2025
5bcbc6c
Typo
kaylahrose Feb 4, 2025
5eda3ce
Update language
kaylahrose Feb 4, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions react-js/react-part-1-intro.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ React is an open-source JavaScript library that is used for building user interf

React allows developers to create large web applications that can change data, without reloading the page. The main purpose of React is to be fast, scalable, and simple.

[Facebook](https://www.facebook.com) created React as a framework to create reuseable components, like posts or comments, and allow the user see updates instantly. [Instagram](https://www.instagram.com/) and [Airbnb](https://www.airbnb.com/) use it too.
[Jordan Walke](https://en.wikipedia.org/wiki/React_(software)#:~:text=React%20was%20created%20by%20Jordan,HTML%20component%20library%20for%20PHP.), a software engineer at Meta, created React as a library to create reuseable components, like posts or comments, and allow the user see updates instantly. [Instagram](https://www.instagram.com/) and [Airbnb](https://www.airbnb.com/) use it too.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You might consider linking to the History section this is the first sentence of instead of the specific words, especially because the specific phrasing of a given sentence is reasonably likely to change on Wikipedia.


### Objectives

Expand All @@ -42,7 +42,7 @@ React allows developers to create large web applications that can change data, w
### Guided Practice

1. Watch [Introduction to React (12 min video)](https://youtu.be/ycstRj2i66k)
- Note that "MVC" stands for Model, View, Control.
- Note that "MVC" stands for Model, View, Controller.
1. Spend just 5 minutes on this CodePen example of multiple instances of the same React component: a blue box. Press the "fork" button at the bottom to make a copy for yourself. Try adding a 4th box. Try making a new component called GreenBox that is green instead of blue. https://codepen.io/alodahl/pen/xxgoeqL
1. You can use any HTML element in React. Spend 5 minutes adding a new element like "button" or "a" in the same CodePen.
1. Look through these [Techtonica React slides](https://docs.google.com/presentation/d/1GOalyRi9UFy5er2Qul0jI70m24dP1ZgyVMHmyIc3GIo/edit#slide=id.p)(20 min read)
Expand Down