3.0.0

KO | EN

gitlite — search

#python #hacktoberfest #react #go #machine-learning #linux #macos #windows #awesome #cli #awesome-list #security #pytorch #mcp

(★ 82)

React Bangkok 3.0.0 website powered by Gatsby :D

3.0.0 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 3.0.0

[React Bangkok 3.0.0 website.](https://reactbkk.com/3.0.0/)

Using Gatsby with Emotion.

## Sessions

- 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](https://www.facebook.com/12chg0d) | [Slides](https://www.dropbox.com/s/0bd0o6e5ym3aeae/ReactBKK-3.0.0-opening-keynote-v3.pptx?dl=0) [Video](https://www.youtube.com/watch?v=T2S304wdNVA&index=2&t=0s&list=PLlL4JXpXTSi82BrlytDY0HOUdkhesusmC)
| Build Awesome Static Website with Gatsby.js | [Jirat Kijlerdpornpailoj](https://www.facebook.com/imn3tr) & [Suwitcha Sugthana](https://www.facebook.com/suwitcha.sugthana) aka. [Gucode](https://www.facebook.com/gucodelive/) | [Code](https://github.com/GucodeLive/gucodelive.github.io) [Demo](https://gucodelive.github.io/) [Video](https://www.youtube.com/watch?v=-9EpZk1IYu4&index=3&t=0s&list=PLlL4JXpXTSi82BrlytDY0HOUdkhesusmC)
| It's Next.js but it's static and it's fast | [Jessada Trirongkit](https://www.facebook.com/JessaAun) | [Slides](https://docs.google.com/presentation/u/1/d/15H-UyC3VEgokT3jiG1X2k96kq5xcPhkS9GGxHmzw3ew/edit#slide=id.p) [Video](https://www.youtube.com/watch?v=z5ykiC17hm8&index=4&t=0s&list=PLlL4JXpXTSi82BrlytDY0HOUdkhesusmC)
| My First Time with GraphQL on Production | [Komkanit Sujautra](https://www.facebook.com/komcal) | [Slides](https://docs.google.com/presentation/d/1m7SifdTbGMLVHurVIuwqiHnHPyWzrPSfiIgQkWYZq3w/edit?usp=sharing) [Video](https://www.youtube.com/watch?v=-CM9Rs7Y1EA&index=5&t=0s&list=PLlL4JXpXTSi82BrlytDY0HOUdkhesusmC)
| KotlinJS ❤️ React | [Christopher Ng](https://www.facebook.com/babedev) | [Slides](https://www.slideshare.net/ChristopherNg29/kotlin-react-bkk-300) [Video](https://www.youtube.com/watch?v=00uTqPvVBiA&index=6&t=0s&list=PLlL4JXpXTSi82BrlytDY0HOUdkhesusmC)
| React, Redux’s core idea with Clojurescript | [Veha Suwatphisankij](https://www.facebook.com/vehas) | [Slides](http://slides.com/vehas/re-in-cljs) [Video](https://www.youtube.com/watch?v=jC1ACITwY1g&index=7&t=0s&list=PLlL4JXpXTSi82BrlytDY0HOUdkhesusmC)
| Simple state container with MobX | [Manatsawin Hanmongkolchai](https://www.facebook.com/whs.in.th) | [Slides](https://speakerdeck.com/whs/state-management-with-mobx) [Blog](https://life.wongnai.com/mobx-simplify-your-react-79f82f10502e) [Video](https://www.youtube.com/watch?v=WmfUg66QHk8&index=8&t=0s&list=PLlL4JXpXTSi82BrlytDY0HOUdkhesusmC)
| Animating in React | [Keya Desai](https://keyadesai.com/) | [Slides](https://drive.google.com/open?id=119TrVKI25P6K2TZQLIBqE63YgIlsRgwl) [Video](https://www.youtube.com/watch?v=SWnkng2Q9GA&index=9&t=0s&list=PLlL4JXpXTSi82BrlytDY0HOUdkhesusmC)
| Fast and Furious Development with React Design Patterns 🔥🔥🔥 | [Phoomparin Mano](https://www.facebook.com/phoomparin.mano) | [Slides](https://drive.google.com/file/d/1IeKPBLndmxhOanl6MNmF8wdnJFiioLh2/view?usp=sharing) [Video](https://www.youtube.com/watch?v=g7kEw76Yjic&index=11&t=0s&list=PLlL4JXpXTSi82BrlytDY0HOUdkhesusmC)
| Experience from building a mobile app in a month using Expo & GraphQL | [Tananan Tangthanachaikul](https://www.facebook.com/MicroBenz) | [Slides](https://drive.google.com/open?id=1uudT8NdCWl8AkbR35y4S5CmyaLtkfHuQ) [Video](https://www.youtube.com/watch?v=i7lEbvOm6e8&index=10&t=0s&list=PLlL4JXpXTSi82BrlytDY0HOUdkhesusmC)
| React for a 5 million user app | [Suphareuk Theamparn](https://www.linkedin.com/in/suphareuk-theamparn-0b0a75163) | [Slides](https://www.slideshare.net/siwakornsittileardpisal1/react-for-a-5-million-user-app) [Video](https://www.youtube.com/watch?v=Su49BSp2PyY&index=12&t=0s&list=PLlL4JXpXTSi82BrlytDY0HOUdkhesusmC)
| React Performance Tuning | [Rujira Aksornsin](https://facebook.com/HollyJira) | [Slides](https://docs.google.com/presentation/d/1oGHNjsUc5LJxT5Cc3VzpOQTO-BRwUYjzFXXJE0f-MmI/) [Code](https://github.com/acebo/sweet-got) [Video](https://www.youtube.com/watch?v=IfK8-aldo48&index=13&t=0s&list=PLlL4JXpXTSi82BrlytDY0HOUdkhesusmC)
| Testing React Applications | [Pallop Chaoputhipuchong](https://www.facebook.com/pallop.chao) | [Slides](https://www.dropbox.com/s/1dv6gdjl80rcxt7/Testing%20React%20Application%20BKK.pdf?dl=0) [Code](https://github.com/vannizer/react-testing-bkk) [Video](https://www.youtube.com/watch?v=wycDuchnAcg&index=15&t=0s&list=PLlL4JXpXTSi82BrlytDY0HOUdkhesusmC)
| State Management in React Apps | [Chakrit Likitkhajorn](https://www.facebook.com/chakrit.likitkhajorn) | [Slides](https://docs.google.com/presentation/d/1hyynLecj9vzXymlGbZfOqOI1mPEyYKxyQgWmkjkSv2k/edit?usp=sharing) [Video](https://www.youtube.com/watch?v=qC-uad_ZBtA&index=14&t=0s&list=PLlL4JXpXTSi82BrlytDY0HOUdkhesusmC)
| Panel Discussion: Transitioning to React in Large-scale Codebase | [Suranart Niamcome](https://www.facebook.com/suranart.niamcome), [Pichet Itngam](https://www.facebook.com/notsu), [Panjamapong Sermsawatsri](https://www.facebook.com/panjmp) | [Dek-D's Blog](https://making.dek-d.com/dek-d-new-stack-graphql-nodejs-reactjs-c745bfbec493) [Sanook's Blog](https://medium.com/tencent-thailand/tech-stack-%E0%B9%80%E0%B8%9A%E0%B8%B7%E0%B9%89%E0%B8%AD%E0%B8%87%E0%B8%AB%E0%B8%A5%E0%B8%B1%E0%B8%87%E0%B9%80%E0%B8%A7%E0%B9%87%E0%B8%9A%E0%B9%84%E0%B8%8B%E0%B8%95%E0%B9%8C-sanook-com-5526320a965f)

## Other projects

| 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 |

## Event Photos
https://1drv.ms/f/s!AilPyesObOIVga1I0s9xatt41lfTZg

## Development

### Preparation

- 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](.vscode) that is optimized for this project.

### Setup project

1.  Clone this repository.

2.  Install dependencies using

```sh
    yarn
    ```

3.  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.

### Development workflow

1.  Open this project in **Visual Studio Code.**

2.  Use the menu **Tasks** &rarr; **Run build task...** or press
    <kbd>Cmd+Shift+B</kbd> to start the development server.

You should see: `You can now view reactbkk3 in the browser.`.

3.  Go to http://localhost:8000 to view your site!

### Coding standard

- Based on
  [eslint-config-react-tools](https://github.com/react-tools/eslint-config-react-tools/blob/master/index.js).

- Code for the app lives inside `src` folder. They are grouped by feature /
  domain to encourage
  [screaming architecture](https://8thlight.com/blog/uncle-bob/2011/09/30/Screaming-Architecture.html).

- 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/design`](src/design) folder which establishes the
  typographic scale and rhythm.

3.0.0

3.0.0 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

3.0.0

3.0.0 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README