@tkssharma

What we'll cover...

• Why am I up here?
• What is React JS?
• What all different frameworks are there
• What's good about React JS?
• What's not so good about React JS?
• More about React JS 

• Installation & setup
• React.js Fundamentals with JSX 
• ES6/7 for React
• React.js Fundamentals with ES6 & Web pack 
• React JS Flux
• React Redux + Immutable
• React App testing using Frameworks

What is ReactJS?

• Created by Jordan Walke at Facebook
• Open source
• Used by the following:
  • Facebook
  • Instagram
  • Imgur
  • and more! (most I haven't heard of...)
• Goals: Be simple, declarative and composable
• Only a front end solution
• Uses concept of Components.
• Virtual DOM, ES6 <3, and more!

Why am I up here?

• @tkssharma - Tarun Sharma
  • Developer Publisher and reader !!
  •  Open source Contributor ..
• Curious to grow and want to learn more and more ..
• Strive to find something outside the Node/ angular world.
• I am developer like You :) 

¯\_(ツ)_/¯

What did I learn?

• • React JS is  growing very fast 
  • Most things learned from experimentation
• Very easy to pick up.
• VERY fun to write!
• Code is written just like you visualize in your head!

The Bad...

• Component communication can be complicated.
• Tutorials / examples can be difficult to find.
• Can fall out compartmentalized mentality very easily.
• Lots and lots of classes.....
• Can be complex on very large projects.
• Reliance on 3rd party libraries for effective component communication.
• HTML IN MY JS? MADNESS

The Good...

• Creating components is very logical!
• Very easy to set up unit tests
• Easy to debug problems
• Reuse
• State changes are simple and FAST.
• Compatible with the following:
  • Angular
  • Backbone
  • Ember
• HTML IN MY JS?! GENIUS

More Information

• Web : http://tkssharma.github.io
• Blog : tkssharma.wordpress.com
• YouTube https://goo.gl/lyCXVE
• git : github.com/tkssahrma
• @tksharma

Is ReactJS For You?

• Maybe?
• For large complex solutions, you should look carefully to make sure ReactJS will fit.
• Lots of DOM changes? Consider ReactJS!
• Consider mixing ReactJS into what you have!

Next Topic:

Baby's First Component!

Questions?