React

On the clientside, React is an ex­tremely pop­u­lar frame­work, and by a fairly large fac­tor. It uses a vir­tual DOM for ren­der­ing, which im­proves page per­for­mance, and has a com­po­nent-based de­sign which makes it easy to reuse code, and save de­vel­op­ment time.

React’s vir­tual browser is friend­lier than a real browser, al­low­ing de­vel­op­ers to by­pass a DOM (Document Object Model) API. Because it uses JavaScript, de­vel­op­ers of­ten find that the learn­ing curve is quite gen­tle.

How it’s used

React ex­cels in the de­c­la­ra­tion of user in­ter­faces - that is, any­thing that is dis­played to the user that they can in­ter­act with. React gives de­vel­op­ers an en­hanced ca­pac­ity to faith­fully trans­late a UI cre­ated by a Product Designer to an ac­tual ap­pli­ca­tion. User Interfaces in React are cre­ated from reusable com­po­nents. When the com­po­nent changes, the User Interface it rep­re­sents can change as well.

ReactBot

ReactBot writes the clientside code­base us­ing the React frame­work, in ad­di­tion to MobX which is built upon the type­script lan­guage. Both ReactBot and C#Bot are built upon a MVC de­sign pat­tern, which en­cour­ages clean code. They have an API built upon GraphQL, a pow­er­ful query lan­guage that makes it easy to fetch any in­for­ma­tion needed from the data­base.