ReactFoo Hyderabad

On React, alternatives to React, ReactNative and front-end engineering

Siddharth Kshetrapal

Siddharth Kshetrapal


(Workshop) React: 0 to 100 in a day

Submitted Feb 14, 2018

On the surface, React may look like just a view library, but there is big ecosystem that revolves around it. This workshop starts with understanding the basic internals of React before exploring how to “think in React”, best practices and solutions to real problems that you will experience while building an application.

Learn React the right way from the industry experts.


Session 1

Technically, it’s possible to write a React app without the latest version of JavaScript, but it won’t be easy. We’ll learn the good parts that make it easier to write maintainable code with React. Let’s also find the reason behind React’s popularity, what makes it so good?

  • ES6
  • Fundamental concepts of React
  • Virtual DOM
  • Thinking in React

Learning the methods of React is important, but useless without learning how to “think in React”. Let’s understand the patterns that make your components extremely reusable and your application more declarative.

  • Stateless components + JSX
  • Props
  • Stateful components
  • Lifecycle methods

Session 2

Let’s take things to the next level and explore how to build real world applications that handle state and deal with data. If you have heard of state management libraries like redux or mobx, you’ll learn how and more importantly when to use them to get the maximum benefit.

  • Routing
  • State management
  • Data fetching
  • Redux

Session 3

React Native lets you build mobile apps using only JavaScript. It uses the same design as React that you learned in the previous sessions, letting you compose a rich mobile UI from declarative components.

  • Intro to React Native
  • Building your first app
  • Writing platform dependent features (android/iOS)
  • Styling your app


A laptop with node >=6 and npm >=4

Who is this for?

This workshop is for developers who have an understanding of javascript, looking to get started with React or moving from a different framework like angular, ember, etc.

Speaker bio

  1. Manjula Dube works on React/Redux and led the PWA team at bookmyshow. She is an established speaker at React conferences around the world (JSChannel, Reactfoo, ReactAmsterdam, ReactBerlin). She’s also an organizer of Mumbai Women Coders

  2. Siddharth Kshetrapal builds design systems for Auth0 (ex frontend architect at Practo). He is a regular speaker at javascript conferences (JSChannel, Reactfoo, CodeEurope, ReactFest London). He also co-organises React Bangalore.


{{ gettext('Login to leave a comment') }}

{{ gettext('Post a comment…') }}
{{ gettext('New comment') }}
{{ formTitle }}

{{ errorMsg }}

{{ gettext('No comments posted yet') }}

Hosted by

A community - for and of - front-end engineers to share experiences with ReactJS, performant apps with React, crafting better User Interfaces (UI) with React and GraphQL ecosystem. ReactFoo also discusses design patterns and user experience. more