This week we will learn more about advanced components - or more commonly known as "Functional components"!
By the end of this assignment you should learn more about state, useEffect, and be able to read through other people's code and make modifications to reach the desired result!
-
Review the following materials:
-
This is a really good overview of Functional components, re-usable bits of HTML/CSS which you can use all over your website!
-
Complete Guide to using Effects
This webpage provides a really thorough overview of using effects in React! These are a great way to asynchronously load data to your front-end React webpage!
-
You will be collecting data and submitting it in this assignment! Please be sure to read up on how to collect input and call the "submit" button.
-
-
Complete the following tasks:
Please read the above, then update the "SubmitPassKeyForm.jsx" to give yourself the additional two inputs you'll need (the classCode and passkey React state props). Once you have added the fields please copy/paste the passkey in as well as enter your CPT username (i.e. for "Brett Bisesti" I'd enter "bbisesti") and your class "CPT253"
One note I'd like to also make is the "Console" in your broswer will ABSOLUTELY be your friend from here on out! If you dont know how to get to it please right-click anywhere on a web page in your broswer and click "inspect".
The "Console" tab will show you "console.log" or error messages and the network" tab will be useful for seeing network data! The other tabs are useful too so take some time to get oriented with them!
If done correctly when you press the "submit" button you'll see an alert saying you succeeded! If not you will see an alert saying "try again"
-
Please commit your code to a public GitHub repository
- Once you have completed all three tasks in your code please commit your updated python code to a public repository in GitHub!
- Once you have a public repository link submit that link to the week one assignment in Brightspace!