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

C﻿heck outKintone.devto learn more about Kintone - no-code / low-code business app platform!

Kintone Developer Workshops

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

Zoom Workshops

All these events will be held over Zoom, so anyone from anywhere can join!

<h2>ABOUT THIS EVENT</h2><p>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.</p><p>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.</p><p></p><h2>📎 PREREQUISITES</h2><h3>🤖 CLONE THE WORKSHOP REPOSITORY</h3><p>This is the codebase that we will start the workshop from!</p><ul><li><a href="https://bit.ly/react-x-rest" target="_blank" data-msys-clicktrack="0" rel="nofollow noopener noreferrer">bit.ly/react-x-rest</a></li></ul><p></p><h3>📂 GET A KINTONE SUBDOMAIN (DATABASE)</h3><p>Apply for a free developer license and subdomain. You can also read up on all things Kintone API &amp; customization!</p><ul><li><a href="http://kintone.dev/new" target="_blank" data-msys-clicktrack="0" rel="nofollow noopener noreferrer">Kintone.dev/new</a></li></ul><p></p><h3>💾 INSTALL NODE &amp; NPM</h3><p>Verify that you have the latest Node.js &amp; npm installed on your computer.</p><p>If you don't have Node.js &amp; npm installed, refer to the <a href="https://dev.to/kintonedevprogram/guide-on-installing-nodejs-npm-macos-windows-16ii" target="_blank" data-msys-clicktrack="0" rel="nofollow noopener noreferrer">Guide on Installing Node.js &amp; npm {macOS &amp; Windows}</a> post for instructions.</p><p></p><h2>🕒 EVENT SCHEDULE (IN PACIFIC TIME)</h2><ul><li>6:00 PM - Hello</li><li>6:10 PM - Workshop Overview</li><li>6:20 PM - Web Database Setup</li><li>6:50 PM - React Project Setup</li><li>7:00 PM - Build the React App</li><li>7:40 PM - Connect the App to the Web Database</li><li>7:50 PM - Wrap Up and Q&amp;A</li><li>8:00 PM - Thank you &amp; Survey Raffle</li></ul>

<h2>📺 CAN’T MAKE IT?</h2><p>Subscribe to our <a href="https://www.youtube.com/c/KintoneDeveloperProgram" target="_blank" data-msys-clicktrack="0" rel="nofollow noopener noreferrer">YouTube channel</a> to get notified when we post this workshop’s recording!</p><p>Also, check out our most popular workshops with this playlist:</p><p><a href="https://www.youtube.com/playlist?list=PL_Mf7E0DfF049YIoAz8jAFUx7i6b77O0G" target="_blank" data-msys-clicktrack="0" rel="nofollow noopener noreferrer">Popular Kintone Workshops - YouTube</a></p>

<h2>📚 SUGGESTED READING</h2><p>We advise you to have a look through the following React documents beforehand:</p><ul><li><a href="https://react.dev/learn" target="_blank" data-msys-clicktrack="0" rel="nofollow noopener noreferrer">Quick Start - React</a></li><li><a href="https://react.dev/learn/writing-markup-with-jsx" target="_blank" data-msys-clicktrack="0" rel="nofollow noopener noreferrer">Writing Markup with JSX - React</a></li></ul><p></p><h2>⚙️ WHAT IS KINTONE?</h2><p>Kintone is a no-code/low-code cloud platform for teams to quickly &amp; easily share and collaborate on their data.</p><p>You can add JavaScript, CSS, &amp;/or HTML to enhance the front-end UI/UX of a Kintone App. This can include features such as maps, buttons, and color-coding.</p><p>Read how to customize and develop on the Kintone platform at <a href="https://kintone.dev/" target="_blank" data-msys-clicktrack="0" rel="nofollow noopener noreferrer">kintone.dev</a>!</p>

Our {communityGuidelinesLink} describe the sort of content we prohibit on Eventbrite. If you suspect an event may be in violation, you can report it to us so we can investigate.

To report other categories of prohibited or illegal content, submit {link}

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

More events from Kintone Developer Workshops

Discover more events from Kintone Developer Workshops, from Science & Tech to other experiences you might love.

Still looking for the right event?

Explore all online events to browse and filter by date, category, and more.

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

More events from Kintone Developer Workshops

Discover more events from Kintone Developer Workshops, from Science & Tech to other experiences you might love.

You might also like...

Browse more events with different dates, prices, and formats to find your next great experience.

Still looking for the right event?

Explore all online events to browse and filter by date, category, and more.