Js-beautify: рдмрд╣реБ-рд░реЗрдЦрд╛ рд╡рд┐рд╢реЗрд╖рддрд╛ рдХреЛ рд╕рдВрд░реВрдкрд┐рдд рдХрд░рдХреЗ jsx рдХреЛ рд╕рдВрджреЗрд╢ рджреЗрдирд╛

рдХреЛ рдирд┐рд░реНрдорд┐рдд 8 рдЕрдкреНрд░реИрд▓ 2016  ┬╖  5рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: beautify-web/js-beautify

рдореИрдВ рдирд╡реАрдирддрдо рд╕рдВрд╕реНрдХрд░рдг рд╕реНрдерд╛рдкрд┐рдд рд╣реИред рдореЗрд░реА рдлрд╛рдЗрд▓реЗрдВ рдмрд╛рдмреЗрд▓ рдЬреЗрдПрд╕ рдлрд╛рдЗрд▓реЛрдВ рдХреЗ рд░реВрдк рдореЗрдВ рдЦреЛрд▓реА рдЧрдИ рд╣реИрдВ рдФрд░ рдореЗрд░реА рд╡рд┐рдиреНрдпрд╛рд╕ рдлрд╛рдЗрд▓ рдореЗрдВ рдореЗрд░реЗ рдкрд╛рд╕ e4x рд╕реЗрдЯ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд╕рд╣реА рд╣реИред рд╡рд░реНрддрдорд╛рди рдореЗрдВ рдореЗрд░реЗ рдкрд╛рд╕ рдпрд╣реА рд╣реИ:

return (
  <a href="#"
    onClick={e => {
      e.preventDefault()
      onClick()
    }}>
    {children}
  </a>
);

рд╣рд╛рд▓рд╛рдБрдХрд┐, рд╕реНрд╡рд░реВрдкрдг рдХреЗ рдмрд╛рдж рдпрд╣ рд╣реЛ рдЬрд╛рддрд╛ рд╣реИ:

return ( < a href = "#"
  onClick = {
    e => {
      e.preventDefault()
      onClick()
    }
  } > { children } < /a>
);

рдореЗрд░реА рдлрд╝рд╛рдЗрд▓реЛрдВ рдХреЛ рдареАрдХ рд╕реЗ рд╕реНрд╡рд░реВрдкрд┐рдд рдХрд░рдиреЗ рдпрд╛ рдХрдо рд╕реЗ рдХрдо рдЧрдбрд╝рдмрдбрд╝ рди рд╣реЛрдиреЗ рдХреЗ рд▓рд┐рдП рдореБрдЭреЗ рдХреНрдпрд╛ рдмрджрд▓рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ?

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

рдзрдиреНрдпрд╡рд╛рдж! рдореИрдВрдиреЗ рдЗрд╕реЗ рдЕрдЧрд▓реЗ рд╕рдВрд╕реНрдХрд░рдг рдХреЗ рд▓рд┐рдП рдЕрдкрдиреА рд╕реВрдЪреА рдореЗрдВ рд╢рд╛рдорд┐рд▓ рдХрд░ рд▓рд┐рдпрд╛ рд╣реИред

рд╕рднреА 5 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рдХреНрдпрд╛ рдЖрдкрдиреЗ e4x=true рд╕реЗрдЯ рдХрд┐рдпрд╛ рд╣реИ?

@bitwiseman рд╣рд╛рдВ, рдореИрдВрдиреЗ рдХрд┐рдпрд╛ред

рдореБрдЭреЗ рднреА e4x=true ! рдпрд╣ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдЕрдЬреАрдм рд╣реИред : рдЖрдирдВрдж:

рдзрдиреНрдпрд╡рд╛рдж! рдореИрдВрдиреЗ рдЗрд╕реЗ рдЕрдЧрд▓реЗ рд╕рдВрд╕реНрдХрд░рдг рдХреЗ рд▓рд┐рдП рдЕрдкрдиреА рд╕реВрдЪреА рдореЗрдВ рд╢рд╛рдорд┐рд▓ рдХрд░ рд▓рд┐рдпрд╛ рд╣реИред

рдЗрд╕ рдореБрджреНрджреЗ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдореБрдЭреЗ рдкрддрд╛ рдЪрд▓рд╛ рд╣реИ:

// successful - no change
return(
    <a href="#" onClick={e => {      e.preventDefault()      onClick()}}>
    {children}
  </a>
);


// successful - no change
return <b><a href="#"
    onClick={e => {
      e.preventDefault()
      onClick()
    }}>
    {children}
  </a></b>;

// failure - adds spaces 
return <a href="#"
    onClick={e => {
      e.preventDefault()
      onClick()
    }}>
    {children}
</b>;
рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

iofjuupasli picture iofjuupasli  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

retan picture retan  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

smonff picture smonff  ┬╖  6рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

jsejcksn picture jsejcksn  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

knocte picture knocte  ┬╖  5рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ