# \[Contribution\] Zoom SDK integration with reactjs sample code

**URL:** <https://devforum.zoom.us/t/contribution-zoom-sdk-integration-with-reactjs-sample-code/34903>\
**Category:** Web\
**Created:** [November 2, 2020, 12:46pm UTC](https://devforum.zoom.us/t/contribution-zoom-sdk-integration-with-reactjs-sample-code/34903 "2020-11-02T12:46:28Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![ShawnKim](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/shawnkim/32/18085_2.png) [@ShawnKim](https://devforum.zoom.us/u/ShawnKim)\
**Post date:** [November 2, 2020, 12:46pm UTC](https://devforum.zoom.us/t/contribution-zoom-sdk-integration-with-reactjs-sample-code/34903/1 "2020-11-02T12:46:28Z")

</div>

**Description**  
Hi. I wrote this post [[doc] password in ' ZoomMtg.join' api is a bit confusing](https://devforum.zoom.us/t/doc-password-in-zoommtg-join-api-is-a-bit-confusing/34249)  
Thank you so much for this opportunity. As you agreed, I’ve created a sample project for zoom SDK integration with reactjs  
Github link: [https://github.com/shawnscoding/zoom-integration-with-reactjs](https://github.com/shawnscoding/zoom-integration-with-reactjs)

I believe this sample code will help many devs trying to integrate zoom SDK into reactjs app because

1. It works very well with the latest version of @zoomus/websdk. I’ve seen no sample project that works with it without any error in reactjs.  
2.I created a custom hook to have dynamic css and input form used for userName and userEmail fields of meetingRoom config object. I believe this would be useful for guest user.
2. I styled the form component very similar to Zoom sdk modal. However, If user doesn’t want this form, he can just remove the component.
3. This is very light-weight and customizable I included only must-have code that needed for it to work.

DEMO SCHREENSHOT OF THE FORM

 ![image](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/4/b/4b647ed9921064169a5081bc4eb6ad6e156b3811.png)

Feel free to ask me for any modification to my code if you think this is not appropriate.  
I can also create this sample project without the form if you want.  
Otherwise, it would mean a lot to me if you link my project to your docs or somewhere people see.  
Thank you !!

---

<div class="post-metadata">

**Author:** ![tommy](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/tommy/32/72769_2.png) [@tommy](https://devforum.zoom.us/u/tommy)\
**Post date:** [November 3, 2020, 9:59pm UTC](https://devforum.zoom.us/t/contribution-zoom-sdk-integration-with-reactjs-sample-code/34903/2 "2020-11-03T21:59:05Z")

</div>

Thank you @ShawnKim, for sharing this Web SDK react sample app with the community! 🙂

We will review this and consider adding it to our docs!

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/6/1/614bdd549b610bbaa46ff934617683a02bdaa03c.png) [@system](https://devforum.zoom.us/u/system)\
**Post date:** [December 7, 2020, 4:24am UTC](https://devforum.zoom.us/t/contribution-zoom-sdk-integration-with-reactjs-sample-code/34903/4 "2020-12-07T04:24:06Z")

</div>

Closed on December 7, 2020, 4:24am UTC

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.