How to Create Embedded React Widget
React-based applications are all over the web. Developers are highly specific about the requirements and take immense care when deploying react applications.
The community of React Native offers a huge amount of ready to use libraries that can handle showing small messages called Toast. However, implementing it on our own is not a big effort. Additionally, we get full control of their behavior and look. Using Context API and hooks we can implement such a solution in no time.
In the examples, the testing stack is Jest and Enzyme, but this pattern can be used in any other combination of test runner and renderer. I would like to show you the simple pattern that we are using in Selleo, and how it came to life.
The inlined SVG icons are currently the best way to use icons on the web. If you’re not familiar with that approach or still need convincing, check out this great article on CSS Tricks. But how should we prepare and use the inline SVG icons?
The most popular approach to testing React components is to use either Mocha+Chai+Enzyme or Jest+Enzyme. In this article, we will describe our React components testing practices with Jest+Enzyme which are also applicable to Mocha+Chai.