Workshop: JavaScript Workshop - How to add Web Database to a React App

JavaScript Workshop - How to add Web Database to a React App

:spiral_calendar: When?

2023-08-16T01:00:00Z

Let's create a front-end React Component that exchanges the contents of a 3rd party Web Database service using Express as a proxy.

ABOUT THIS EVENT

In this 2 hour workshop, you'll walk away with a React project that retrieves data from and uploads data to Kintone, a web database service.

We'll walk you through the basics of REST API calls and CORS, usage of State and Effect Hooks, setting up an Express back-end, and using it as a proxy.


:paperclip: PREREQUISITE

:robot: CLONE THE WORKSHOP REPOSITORY

This is the codebase that we will start the workshop from!

:open_file_folder: GET A KINTONE SUBDOMAIN (DATABASE)

Apply for a free developer license and subdomain. You can also read up on all things Kintone API & customization!

:floppy_disk: INSTALL NODE & NPM

Verify that you have the latest Node.js & npm installed on your computer.

If you don't have Node.js & npm installed, refer to the Guide on Installing Node.js & npm {macOS & Windows} post for instructions.

:clock3: EVENT SCHEDULE (IN PACIFIC TIME)

  • 6:00 PM - Hello
  • 6:10 PM - Workshop Overview
  • 6:20 PM - Web Database Setup
  • 6:50 PM - React Project Setup
  • 7:00 PM - Build the React App
  • 7:40 PM - Connect the App to the Web Database
  • 7:50 PM - Wrap Up and Q&A
  • 8:00 PM - Thank you & Survey Raffle

:tv: CAN'T MAKE IT?

Subscribe to our YouTube channel to get notified when we post this workshop's recording!

This workshop will be live-streamed on YouTube Live.

:shushing_face: We also have a $25 Amazon gift card raffle at the end ~

:zap: Register Here: