Crestron Tutorial: React & SIMPL Sharp Pro Full Stack App

Crestron tutorial for beginners in React and SIMPL Sharp Pro #crestron #react #csharp #simplsharppro Welcome to this full tutorial where you will learn how to develop a basic full stack Crestron Application based on React on the frontend, and SIMPL Sharp Pro on the backend. The picture of the name Crestron in the video's thumbnail is Crestron's trademark. In the video are used royalty-free pictures from the web page Pexels. If you enjoy my content and want to support the channel, consider buying me a coffee ☕! Your support helps me create more tutorials and share valuable insights on Crestron programming and AV systems. Every little bit means a lot! 👉 Buy Me a Coffee https://buymeacoffee.com/oniointeractive Thank you for your support! 🙌 CHAPTERS: 0:00 - Introduction 1:03 - Requirements 4:09 - Goals 6:01 - Initial Setup Frontend 16:25 - HTML Structure 20:24 - 3rd Party Libraries 28:10 - CSS Styling 44:33 - React Events and Functions 53:41 - React Hooks 1:05:54 - Sending Signals to Backend 1:19:30 - Receiving Signals from Backend 1:30:47 - Node Modules Dependency Fix 1:39:20 - React Scripts 1:45:56 - Initial Setup Backend 1:53:10 - Adding Logic to Backend 2:06:02 - Build and Upload 2:09:21 - Conclusion ► GitHub Code Frontend – http://bit.ly/3DYv8bZ Backend – http://bit.ly/377yptp ► Recommended Interactive Web Page for learning how to code - https://www.freecodecamp.org/ ► Recommended React Course - https://www.youtube.com/watch?v=Dorf8i6lCuk ► Recommended Books Clean Code - https://amzn.to/2UGDPlX Clean Architecture - https://amzn.to/2xOBNXW In this tutorial I use these IDEs: - Visual Studio Code - Visual Studio 2022 SOCIAL MEDIA: ► Don't forget to subscribe | http://bit.ly/38tA10M ► Follow me on GitHub | http://bit.ly/3LTi22a ► Follow ONIO Interactive on LinkedIn | http://bit.ly/3DV12WK ► Follow me on LinkedIn | http://bit.ly/3urylgI