React Frontend to a Web Database - Quick Start Guide
Let's create a front-end React Component that exchanges the contents of a 3rd party Web Database service using Express as a proxy.
Setup
🤖 CLONE THE WORKSHOP REPO
This is the codebase that we will start the workshop from!
https://github.com/kintone-workshops/...
📂 GET A KINTONE SUBDOMAIN (DATABASE)
Apply for a free developer license and subdomain.
https://kintone.dev/new
💾 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 instruction:
https://dev.to/kintonedevprogram/guid...
Chapters
00:00:00 - Hello
00:01:21 - Kintone x React Project Demo
00:02:40 - What is Kintone?
00:02:54 - Sign Up for a Free Developer License
00:04:32 - Accessing Your Kintone Subdomain for the First Time
00:04:44 - First Time Logging In
00:04:58 - Github Repo Overview
00:05:45 - Git Clone the Workshop Repo
00:06:20 - npm install & package.json
00:07:22 - About NPM Audit Warnings
00:08:23 - Think Like a Programmer
00:10:21 - Create a Web Database
00:13:19 - Add a Record Manually
00:14:10 - .env File
00:16:25 - Explaining Some of the Code Base
00:18:49 - Check Out the Backend Folder
00:22:35 - Start Coding!
00:28:29 - Code the POST request
00:37:20 - Review
00:38:11 - Shilling
00:38:50 - Where to Get Help