For our developers at SparkMacon maker space, I put together a talk introducing React JS by Facebook for .NET developers. As a .NET developer for many years, I have appreciated the encapsulation model of components that appears in Windows Forms, XAML, and Web forms. Libraries like ReactJS and AngularJS are making components cool again. These ideas have just moved into client-side code. Components feel like Lego blocks that snap together to form more complex user experiences. In the ideal case, the component system should provide the following features:
- You should be able to pass data into the component.
- You should be able to break larger experiences into parts.
- The component should able to send events or messages to external components.
- The component system should encourage re-usable code in the system.
- The component system should enable you to mix your data and UI.
- The component system should encourage very small edits to the document object model.
- You should be able to avoid building UI by concatenating strings and data.
React JS Tutorials for Beginners by “TheNewBoston”
- https://reactjs.net/getting-started/tutorial.html – This library is easy to install using NuGet package manager giving your project the ability to compile babel templates.
- https://www.codecademy.com/learn/react-101 – CodeAcademy has a nice set of Tutorials introducing ReactJS
- http://www.material-ui.com – This library provides components that encapsulate UX elements styled with Google Material design.
- https://github.com/michaelprosario/ReactJSDemo – For your review, here’s some sample code I created to organize a list of code snippets. This example store the list of code samples in MongoDB database.