JSFoo Coimbatore 2019

On building faster, performant and secure web applications

React - The idiomatic way - Workshop

Submitted by ramesh ramalingam (@rrameshbtech) on Apr 22, 2019

Technical level: Intermediate Status: Awaiting details

Abstract

React is one of the widely used frameworks in the front-end world. But when it comes to the way it is used, everyone uses React in their one comfortable way and missing the real essence of React & its Components.

It will be awesome when we develop the React applications using concepts like stateless functional components, component composition, isolated states and how they help the developers to reduce the complexity & increase maintainability.

In this workshop, we will take a problem, analyse it & implement the solution using React by following idiomatic ways.

Outline

I. Introduction to React World

ES6 for React
Introduction to React
Environment Setup

II. Components & States

Functional Components
Properties
States

III. Class Components

Class Components
Life cycle methods

IV. Redux

Global State
Redux vs React State
Actions & Reducers

Requirements

Nodejs
Editor supports Javascript (VS Code, WebStrom)

Speaker bio

Sanjeev Subramaniyan

Senior Consultant at Thoughtworks with more than 6 years of experience as developer. He worked in various languages & technologies like C#, Java, Python, Javascript & more.

Ramesh Ramalingam

Senior consultant at Thoughtworks with more than 10 years of experience. Worked in verious front end technologies & a Javascript enthusiast.

Comments

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

{{ gettext('You need to be a participant to comment.') }}

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

{{ errorMsg }}