React JS

This topic is about ReactJS - Best Practices. In this chapter, we will list React best practices, methods, and techniques that will help us stay consistent during the app development.…

This topic is about ReactJS - Higher Order Components. Higher order components are JavaScript functions used for adding additional functionalities to the existing component. These functions are pure, which means they…

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…