News

Travis CI set up notes -- how to set up the Travis Continuous Integration server for building React apps and deploying to Firebase
Quick, React! -- my first draft at a modern React tutorial. Ready for review. Post questions, bugs, requests, on Piazza.
Learn React Task -- a personal activity to help everyone learn (or practice) building React apps the modern way
React: Old vs New -- a demonstration of how functional React is simpler to code than old React.
First Demo Task -- due Tuesday
Team React Setup Task and Four-Panel Storyboard Task -- What each team needs to have done before the second class!
Day One Task -- What each team needs to be ready to present on the first class!

When

TTh 11am - 12:20am

Where

Tech A110

Who

Chris Riesbeck

Resources

A collection of my overviews on various topics relevant to EECS 394.

Software Overviews

React and React Native

React and React Native are the baseline technologies for this course. They are very popular, very helpful for quickly building robust interactive single-page apps, both web and mobile, and good to have on your resume.

They have a steep learning curve. A prerequisite to good React coding is a solid understanding of modern functionally-oriented JavaScript programming. I recommend Modern JavaScript as a good place to learn what modern JavaScript looks like, and MDN as a good backup reference.

There are many React and React Native tutorials. Beware of any site that is more than a year old. React changes constantly.

I recommend doing a crash mini-course with the following three tutorials, in order:

Firebase

Quite often, apps will need a central place to keep data. While you can create your own server to do this, that means you have to maintain a stable host that's easily deployed to. A regular web server, e.g., PHP, is not really appropriate since you don't want HTML pages, you want data.

The current best free option is Firebase. It's easy to get started, but it has its quirks.