Let’s Access Web Database Data From a React Component

Let’s create a front-end React Component that can access the contents of a 3rd party Web Database service using Express as a proxy.
Register in advance via Eventbrite to receive access to the meeting links: https://www.eventbrite.com/e/lets-access-web-database-data-from-a-react-component-tickets-142119044889?aff=hackbuddy


In this 2 hour workshop, you’ll walk away with a React project that interacts with 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.

Prerequisite – Sign up for Kintone!


🚀 Sign up for Kintone!

① Sign-Up for Developer Program Account (Website) 🌐

② THEN Create a Kintone Subdomain (Database) 📂


💾 Install Node & npm

  • Node ≥ 10.16 and npm ≥ 5.6 are required for this workshop
  • Installing Node.js
  • *When you download Node.js, you automatically get npm installed on your computer.


Quick Video on the Sign-Up Process:

📚 Suggested Reading

We advise you to have a look through the following React documents beforehand:

  1. Hello World
  2. Introducing JSX
  3. Rendering Elements
  4. Components and Props

Event Schedule (in Pacific Time)

  • 6:00 pm – Welcome!
  • 6:15pm – 7:45pm – Kintone Presentation & Workshop
  • 7:45pm – Q&A

⚙️ What is Kintone?

Kintone is a no-code/low-code cloud platform for teams to quickly & easily share and collaborate on their data.

You can add JavaScript, CSS, &/or HTML to enhance the front-end UI/UX of a Kintone App. This can include features such as maps, buttons, and color-coding.

Read up on how to customize and develop on the Kintone platform at https://developer.kintone.io/