Briefly, React is a JavaScript library that makes it easy to write declarative, data-driven user interfaces. If you’re unfamiliar with it, I’d suggest browsing the official docs. This post assumes some knowledge of React. Slack’s Emoji Picker Virtual DOM with actual benefits It didn’t take long to find a perfect candidate - the highly used and surprisingly complex Emoji Picker. ![]() We wanted a component that was interactive, self-contained, and demanding enough to prove our assumption that React could improve performance. We determined that the best way to introduce React would be to rebuild an existing product feature - that way, we could compare the development process and end result to a known quantity. Slack is evolving alongside the industry to improve performance and reliability. In contrast, React’s “render and re-render” pattern makes consistency the default. ![]() jQuery’s “render and modify” approach is straightforward, but it’s prone to falling out of sync with the underlying model. Since then, the community has developed better ways to create scalable, data-driven interfaces. When Slack was first built, our frontend consisted of established technologies like jQuery and Handlebars. Slack is transitioning its web client to React.
0 Comments
Leave a Reply. |