Team React Setup Task
React and React Native with Expo are the development platforms this quarter. React and Expo let you develop web and mobile apps, using HTML, CSS, and JavaScript, with reasonable support for automated testing. React's popularity means that there's a lot of documentation online, and answers to common problems on StackOverlow.
These technologies continue to change rapidly. Don't trust the specific details in any tutorial or documentation more than a year old. Major changes to Expo happened in August 2018.
For this task, every team member needs to set up Node, npm, and React on their development machine. Then the team, together, creates a shared sample app in this quarter's 394 Github organization. Follow these instructions to set up the create-react-app CLI (command line interface) tool. To avoid repo conflicts, teams should agree on whether they will used npm or yarn. npm is more mature, and has recently caught up to the speed and features of yarn.
Don't worry if you are new to Node and npm, but if you are new to JavaScript, especially EcmaScript 2015 (also known as ES6), start studying now! I recommend Modern JavaScript as a reasonably up to date resource for JavaScript.
When every team member has React working, do the following to make sure everyone can work on a common repository, and see their contributions count.
- One team member should
- create a local Git repo with the source code for this sample app.
- Create a team repo on Github with this code.
- Be sure to set the Owner of the repo to this quarter's 394 organization.
- Every other team member should clone and run a local repo of the team version of app on their own development machine.
- Every member of the team should make, test, and commit a small but visible change to the app. Agree among each other what these changes will be, e.g., new text, new image, new CSS, etc.
When the above is done, check that the following things are true:
- The repo you created is listed on the team page.
- Every member is listed with a commit to the team repo.
- If your commit is listed but you are not a contributor, the email in your git config is probably wrong. Have your team help fix this. See this link for details.
Whatever happens, every team member should enter their setup data report on the framework setup report spreadsheet. The link is on the Canvas assignment page.
This task should take just an hour or so, but may take longer if there are network or permissions issues. Get help from your teammates!
If there's a problem the team can't figure out, post to Campuswire. Be specific about OS, if it's a problem with an individual machine. Give the Github URL if it's a repo problem. Avoid posting screenshots.