Using Gatsby with Emotion.
- Session Album https://www.facebook.com/pg/reactbkk/photos/?tab=album&album_id=172683636738199
- Session Videos https://www.youtube.com/playlist?list=PLlL4JXpXTSi82BrlytDY0HOUdkhesusmC
| Session Name | Speakers(s) | Materials |
|---|---|---|
| A Breif Summary of React in 2018 | Ranatchai Chernbamrung | Slides Video |
| Build Awesome Static Website with Gatsby.js | Jirat Kijlerdpornpailoj & Suwitcha Sugthana aka. Gucode | Code Demo Video |
| It's Next.js but it's static and it's fast | Jessada Trirongkit | Slides Video |
| My First Time with GraphQL on Production | Komkanit Sujautra | Slides Video |
| KotlinJS ❤️ React | Christopher Ng | Slides Video |
| React, Redux’s core idea with Clojurescript | Veha Suwatphisankij | Slides Video |
| Simple state container with MobX | Manatsawin Hanmongkolchai | Slides Blog Video |
| Animating in React | Keya Desai | Slides Video |
| Fast and Furious Development with React Design Patterns 🔥🔥🔥 | Phoomparin Mano | Slides Video |
| Experience from building a mobile app in a month using Expo & GraphQL | Tananan Tangthanachaikul | Slides Video |
| React for a 5 million user app | Suphareuk Theamparn | Slides Video |
| React Performance Tuning | Rujira Aksornsin | Slides Code Video |
| Testing React Applications | Pallop Chaoputhipuchong | Slides Code Video |
| State Management in React Apps | Chakrit Likitkhajorn | Slides Video |
| Panel Discussion: Transitioning to React in Large-scale Codebase | Suranart Niamcome, Pichet Itngam, Panjamapong Sermsawatsri | Dek-D's Blog Sanook's Blog |
| Project | Link |
|---|---|
| React Bangkok 3.0.0 website | https://github.com/reactbkk/3.0.0 |
| React in Patterns (TH) Book | https://reactbkk.gitbook.io/react-in-patterns-th/ |
| GitHub issue bot | https://github.com/reactbkk/3.0.0-issue-bot |
| Poster image generator | https://github.com/reactbkk/3.0.0-posters-nametags |
| Name tag generator | https://github.com/reactbkk/3.0.0-posters-nametags |
| Ticket checkin & fulfillment system | https://github.com/dtinth/ticket-checkin |
| Tweetboard | https://github.com/reactbkk/tweetboard-frontend |
| Countdown timer | https://github.com/reactbkk/countdown-timer |
| React Bangkok connect | https://github.com/WiNloSt/react-bangkok-connect-cloned |
https://1drv.ms/f/s!AilPyesObOIVga1I0s9xatt41lfTZg
-
Please install latest version of Node.js.
-
Please install latest version of Yarn.
-
Please use Visual Studio Code to edit this project. This repo contains VS Code settings that is optimized for this project.
-
Clone this repository.
-
Install dependencies using
yarn
-
Open this project in Visual Studio Code.
VS Code will recommend you to install some extensions: “This workspace has extension recommendations.” Click Install All. After all extensions finished installing, click the Reload button.
-
Open this project in Visual Studio Code.
-
Use the menu Tasks → Run build task... or press Cmd+Shift+B to start the development server.
You should see:
You can now view reactbkk3 in the browser.. -
Go to http://localhost:8000 to view your site!
-
Based on eslint-config-react-tools.
-
Code for the app lives inside
srcfolder. They are grouped by feature / domain to encourage screaming architecture. -
We don't use
export default, but use named exports, so that VS Code can auto-import and auto-rename better -
Take a look at the
src/designfolder which establishes the typographic scale and rhythm.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent