Facebook Dev Circles Lahore Workshop

Welcome everyone for attending Facebook Dev Circles Lahore workshop. This workshop is majorly focused on React library.

Workshop SlidDeck: https://docs.google.com/presentation/d/1Bhafr7cBjA8-Yuohj81ReGpcN-8p-jp47itiUO7sSN0/edit?usp=sharing

Following technoglogies are used along with React to support this project;

• ReactJS
• Redux
• Storybook
• StyledComponents
• CSS Grid & CSS FlexBox

Environment Setup

This project should work equally fine across all three platforms, Mac, Linux & Windows.

On MAC

• Install Brew /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
• Install Node brew install node

On Windows

• Install Chocolatey @"%SystemRoot%\System32\WindowsPowerShell\v1.0\powershell.exe" -NoProfile -InputFormat None -ExecutionPolicy Bypass -Command "iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))" && SET "PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin"
• Install Node choco install -y nodejs.install

Run This Project

Run following set of commands after cloning this repo off the GitHub link

• cd react-ui
• yarn or npm install
• yarn start or npm start
• a localhost url on port 9001 will pop in your default browser

Although you could use NPM, but it is recommended to use yarn instead for this repo.

Instructor Profile

Taimoor Khan does lots of open source work and projects, checkout his GitHub profile https://github.com/Taimoormk, fork, follow, and star if you find any of his projects interesting. Should you wish, Taimoor Khan to improve in any way, consider leaving your comments on his GuestBook at https://taimoor-khan.herokuapp.com/guest-book

Output