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.

📎 Prerequisites

💾 Install Node & npm

• Node ≥ 10.16 and npm ≥ 5.6 are required for this workshop
• For those who are new to Node, check out our step-by-step install guide: http://bit.ly/KDP_REACT_2_PREP

⚙️ Install a Sample React App

• We will be starting from the publicly available sample React App.
• Install: npx create-react-app frontend

📺️ Tutorial on Installing Node & Create a Sample React

Instructions: http://bit.ly/KDP_REACT_2_PREP

🚀 Sign up for Kintone!

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

• bit.ly/KDP_signup

② THEN Create a Kintone Subdomain (Database) 📂

• bit.ly/K_DevLic

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

We also recommend reviewing our tutorial on setting up this React project in advance:

• React & REST API: How to render responses

Event Schedule (Central Time)

• 5:30 pm - Welcome!
• 5:40 pm - Introduction & Prep
• 6:00 pm - Hands-on Section
• 7:15 pm - Q&A & Raffle for $25 Amazon Gift Card

Event Schedule (Pacific Time)

• 3:30 pm - Welcome!
• 3:40 pm - Introduction & Prep
• 4:00 pm - Hands-on Section
• 5:15 pm - Q&A & Raffle for $25 Amazon Gift Card

⚙️ 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/