search

facebook / react

The library for web and native user interfaces.
https://react.dev
MIT License
228.7k stars 46.81k forks source link

what is the best practice to debug a project based on React? #4809

Closed astwyg closed 9 years ago

astwyg commented 9 years ago

hi, everyone: we are planing to rebuild our project using React, we tried to use reactify to translate jsx, gulp to pack up js files, but there are 2 problems:

  1. using watchify in gulp, when we change our code, it will take about 15 seconds to repack, feeling terrible.
  2. we need to using breakpoints in js file, we used vinyl-source-stream in gulp file , and Chrome is able to split the packed js file to raw files(in developer tools->sources tab), but, in some case, there are something wrong with raw files, breakpoints will not work, more seriously, the error info(in developer tools->console tab) is obvious marked at wrong line.

we also tried webpack withwebpack-dev-server, but we cannot find a proper config.

so, please share any idea about debug a project based on React.

thanks a lot!

rpominov commented 9 years ago

You can start from looking at these boilerplates https://github.com/enaqx/awesome-react#boilerplates

rpominov commented 9 years ago

Also http://stackoverflow.com/questions/tagged/reactjs is more appropriate place for such questions.