The need of Fragments, Portals and Refs :
1) Overcome JSX limitations and Fragments.
2) Getting a cleaner DOM with Portals.
3) Working with Refs.
JSX Limitations :
JSX is that code that is pressent in React Component that helps to loosely couple the HTML,JS and CSS.
We can never have 2 adjacent root level elements of JSX
InBuilt Fragent of the React Library : React.Fragment.