LiveChat React and React Native Components :

News from @LiveChatDev! 🚀 

  • Do you need full control over your LiveChat window?
  • Do you want to build a custom chat window from scratch?
  • LiveChat Visitor SDK is there for you – read on!

React and React Native are growing in popularity and they probably will be the leading frameworks in 2018. According to StackOverflow’s 2017 Developer Survey, React is the most loved library and it also took the fourth place among the most popular frameworks. Moreover, React is one of the most popular and depended-upon packages at npm.

React and React Native are growing in popularity and they probably will be the leading frameworks in 2018. According to StackOverflow’s 2017 Developer Survey, React is the most loved library and it also took the fourth place among the most popular frameworks. Moreover, React is one of the most popular and depended-upon packages at npm.

At LiveChat, we couldn’t ignore that trend, so we decided to add React and React Native modules to our collection. React and LiveChat are perfect together because React is pretty straightforward and allows for controlling data flow in an easy and predictable way.

I was responsible for the development part of the modules and I loved it to the bones. We have briefly described these components in LiveChat and Single-Page Applications already, but it’s now time for more details, live examples, and behind-the-scenes facts. Read on!

This module was an instant hit. Merely two lines of code give you a fully functional LiveChat implementation:

Moreover, to make your code cleaner and your life easier, LiveChat React component gives you an option to easily control chat callbacks and methods. Let’s say that you want to display a sent or received message somewhere else. You can fetch new messages using the code below:

Behind the scenes it’s just the same code which you can see on the LiveChat installation page, but smartly hidden behind a React component.

LiveChat React component is easy and fun to work…

LiveChat React and React Native Components :