Development Environment for React

Setup

Download and install all the fonts in the ttf https://github.com/tonsky/FiraCode then open vs code configuration by typing ctrl + , Settings -> Text editior -> font -> Font Family -> Add ‘Fira Code’ in start in settings.json turn Font Ligatures = true Settings -> Text editior -> font -> Font Ligatures = true

In vs code press ctrl + , then in search bar type Emmet: Include Languages. Then add the key and value pair as in picture to enable working of emmet in jsx.

Chrome dev tools pannels
Next