# Kintone x React

**URL:** <https://forum.kintone.dev/t/kintone-x-react/612>\
**Category:** Tips & Tricks\
**Tags:** workshop, react, quick-start, tips\
**Created:** [October 1, 2022, 4:45pm UTC](https://forum.kintone.dev/t/kintone-x-react/612 "2022-10-01T16:45:40Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Genji](https://yyz1.discourse-cdn.com/flex035/user_avatar/forum.kintone.dev/genji/32/646_2.png) [@Genji](https://forum.kintone.dev/u/Genji)\
**Post date:** [October 1, 2022, 4:45pm UTC](https://forum.kintone.dev/t/kintone-x-react/612/1 "2022-10-01T16:45:40Z")

</div>

# Kintone x React Resouces

 

Here are a couple of resources on connecting Kintone to a React app:

## React & Kintone REST API Tutorial Series:

This series of articles goes over how to set up a React app and Express server to access data stored in Kintone!

1. [How to render responses](https://dev.to/will_yama/how-to-render-responses-96c)
2. [How to overcome CORS errors](https://dev.to/will_yama/how-to-overcome-cors-errors-2nh9)
3. [How to get data from a Web Database](https://dev.to/will_yama/how-to-get-data-from-a-web-database-3oa6)
4. [How to render a list from a JSON response](https://dev.to/will_yama/react-rest-api-how-to-render-a-list-from-a-json-response-4964)
5. [How to add data to a Web Database](https://dev.to/will_yama/react-rest-api-how-to-add-data-to-a-web-database-42h5)

### Workshop Recording

Full on a step-by-step guide on building out a React App using Kintone Web Database as the backend:

- Video: [React & REST API: GET & POST to a Web Database - July Workshop](https://youtu.be/LF2ue7ePgyU)
- Article & Code: [00\_React\_Workshop\_v2.md](https://gist.github.com/ahandsel/813e642bf36008192708c50a23185935)

## Building a Kintone Customization with React

Here is a Webpack setup to compile React-based customization for a Kintone Database

- [ahandsel/Kintone\_Customization\_Webpack: React x Kintone Customization Builder & Uploader](https://github.com/ahandsel/Kintone_Customization_Webpack)

### Example of React-Based Kintone Customization - Search Bar

Here is a code & workshop tutorial going over creating a dynamically updating search bar with React and having it search through the contents of a Web Database.

- Code: [ahandsel/Kintone\_React\_Search\_Bar: Build a search bar in React for Kintone](https://github.com/ahandsel/Kintone_React_Search_Bar)
- Video: [Build a React Search Bar that Queries a Database!](https://youtu.be/TkQUM8TGl88)
- ![searchbar_demo.gif](https://canada1.discourse-cdn.com/flex035/uploads/kintone/original/1X/1896b4787f711f4b7a005021c90b56b77f47d0de.gif)