Pilot Session Recording
We had the first stream last night. As planned, we went over an introduction to React building a simple todo widget. Below is a recording of the stream.
Resources and links
Links from this session
These links apply generally
- YouTube channel
- Twitter account
- Why am I doing this?
- Subreddit for help and questions
- Github account for the stream code
- Topic suggestions
I think it went pretty well. I wasn’t sure what to expect or how far we would get but almost everyone stayed the entire time and we had some Q&A at the end. I want to make sure to promote more questions going forward. Some people felt that asking a question would derail the flow. That isn’t the case. Questions are literally the point of this entire experiment. I believe that having someone to ask questions to and argue with was the most valuable tool I was lucky enough to have and it’s definitely the tool that I’m trying to provide for people. There are thousands of videos online that can teach you to set up projects and learn new tools but there isn’t a lot of interactive material.
After each stream I’ll put up a page like this one with resources.
This is the work that we planned out in advance for this session.
This is an export of whatever I used the whiteboard for.
This is what I executed on the stream.
Here are the commands that I executed on the stream, straight from my history. I just found out about this really cool tool called asciinema and I’m going to be using that going forward. Below the raw commands below I included a snippet of what that tool looks like.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78
cd Downloads/ tar xf node-v10.15.1-linux-x64.tar.xz ls ll node-v10.15.1-linux-x64/bin/ cd .. mv Downloads/node-v10.15.1-linux-x64 ./ cd node-v10.15.1-linux-x64/ cd bin/ pwd vim ~/.bashrc which node node --version npm i -g create-react-app which create-react-app create-react-app --version mkdir workspaces cd workspaces/ create-react-app reddit-coding-exp-0 --typescript cd reddit-coding-exp-0/ ll git --version git sudo apt install git git init git status vim .gitignore git add -A gs git status git commit -m 'initial commit' git config --global user.email 'email@example.com' git config --global user.name "Foo Bar" git commit -m 'initial commit' git status code . npm start vim package vim package.json npm run start rm -r node_modules/ npm i npm run start npm view create-react-app versions cd .. npm remove -g create-react-app npm i -g firstname.lastname@example.org rm -r reddit-coding-exp-0/ rm -fr reddit-coding-exp-0/ create-react-app reddit-coding-exp-0 --typescript cd reddit-coding-exp-0/ npm start vim package-lock.json rm -r node_modules/ npm i npm start vim package-lock.json rm -r node_modules/ && rm package-lock.json && npm i --save email@example.com ll rm package-lock.json rm -r node_modules/ vim package.json npm i npm start git status ls npm start cd .. npm i -g create-react-app npm remove -g create-react-app npm i -g create-react-app create-react-app reddit-coding-exp-0_take2 --typescript cd reddit-coding-exp-0_take2/ code . xkill code . npm start npm i --save firstname.lastname@example.org npm start
Here is a sample terminal recording. This isn’t from the stream but going forward I’ll use this. You can even copy text from it.
Feel free to recommend or suggest a topic that you’re interested in or that you think would be useful. It can be anything, it doesn’t have to be related to what we’ve done so far.
- People are going to try to finish the todo list on their own and come in with any questions they have.
- We’ll work a bit on polishing this thing and CSS.
- Stream will be at 5pm PST to see if that’s better for people.