React JSX Code formatting

Instructions for use:

JSX internal code is first formatted with CTRL+Q, and then Ctrl+s saved

Alternatively, you can set the sublime jsfmt to "AutoFormat": True to have a two-second lag per save.

Plug-in 1

Jsformat:settings-user

{  true,  //  jsformat options  true,   //  {} curly braces no longer force line break  "Brace_style": "Collapse-preserve-inline"  ,  False,   "indent_size": 2,   "Indent_char": "",   false ,}

Plug-in 2

Sublime Jsfmt:settings-user

{    "AutoFormat":false,    "Extensions":    [        "JS",        "Jsx",        "Sublime-settings"    ],    "Options":    {        "Jsx":        {            "Alignwithfirstattribute":true,            "Attrsonsamelineastag":true,            "Firstattributeonsameline":false,            "FORMATJSX":true,            "Maxattrsontag": 1        },        "Plugins":        [            "Esformatter-jsx"        ]    }}

Key Bindings-user

{"Keys": ["Ctrl+q"], "command": "Format_javascript"}

If you have other questions, refer to Https://github.com/royriojas/esformatter-jsx/wiki/Usage-with-jsfmt

React JSX Code formatting