Thursday, 1 November, 2018 UTC


Summary

In this lesson, we are going to use [React Fragments](https://reactjs.org/docs/fragments.html) to wrap adjacent JSX elements without introducing unnecessary wrapper elements to DOM. Before Fragments came along, the popular pattern was to wrap enclosing elements inside of
tags which didn't serve any purpose apart from being a wrapper. This can lead to a huge DOM structure which may be difficult to navigate in devtools and may also lead to some performance issues if our app is large. This lesson will show a better approach to dealing with that problem.