Live development & tools

8
Live Development & Tools Ramu Pulipati Cofounder botsplash.com

Transcript of Live development & tools

Page 1: Live development & tools

Live Development & Tools

Ramu PulipatiCofounder botsplash.com

Page 2: Live development & tools

Visually monitor your changes as you code

Quick feedback loop will greatly boost productivity

Page 3: Live development & tools

Setup Live Reload or Hot loading or Nodemon and Go!

Modern platforms has built in and others one-time setup

Page 4: Live development & tools

Use it for all platforms – web, mobile and desktop

CSS, Nodejs, Django, RoR, React Native, and Windows

Page 5: Live development & tools

Lint your code to keep your sanity

spend time building great products (and not hunting bugs)

Page 6: Live development & tools

Use Atom, Flow and Nuclide for maintainability

Reduces production support calls. A must try!

Page 7: Live development & tools

Use in your front-end projectBrowserSync/LiveReload/Nodemon

ESLintFacebook Flow

Gulp/Grunt/WebpackAtom Editor

Page 8: Live development & tools

References

• Live reload: Plugin, Browser Sync• General purpose building: nodemon• Javascript Linting• Task managers: GruntJs, GulpJs, WebPack• Javascript type checking flowtype.org• Atom editor with Nuclide plugin