Author: S J

In this chapter, we will learn about ReactJS - Animations and how to animate elements using React. Step 1 - Install React CSS Transitions Group This is React add-on used…

This chapter is aboout ReactJS - Using Flux. In this chapter, we will learn how to implement flux pattern in React applications. We will use Redux framework. The goal of this chapter…

This chapter is about ReactJS flux concept. Flux is a programming concept, where the data is uni-directional. This data enters the app and flows through it in one direction until it is…

In this chapter, we will learn about ReactJS router and how to set up routing for an app. Step 1 - Install a React Router A simple way to install…

ReactJS keys are useful when working with dynamically created components or when your lists are altered by the users. Setting the key value will keep your components uniquely identified after the change. Using Keys…

This chapter is about ReactJS refs .The ref is used to return a reference to the element. Refs should be avoided in most cases, however, they can be useful when we need DOM measurements…

In this chapter, we will learn how to use events in ReactJS. Simple Example This is a simple example where we will only use one component. We are just adding onClick event…

In this chapter, we will learn how to use forms in ReactJS. Simple Example In the following example, we will set an input form with value = {this.state.data}. This allows to…

In this chapter, we will discuss ReactJS - Component Life Cycle Lifecycle Methods componentWillMount is executed before rendering, on both the server and the client side.componentDidMount is executed after the first render…

In this chapter, we will explain ReactJS component API. We will discuss three methods: setState(), forceUpdate and ReactDOM.findDOMNode(). In new ES6 classes, we have to manually bind this. We will use this.method.bind(this) in the examples.…