Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
Javascript Library Articles
Page 11 of 18
Comparison between different React Native UI libraries
Facebook developed React Native to build natively compiled cross-platform apps. It is most popular among mobile app developers who want to create applications that can be used on Android and iOS devices. React Native started to emerge as it gained a growing community's trust, including premade UI components and React Native libraries. The creation of Uber Eats, Instagram, Pinterest, Airbnb, Skype, etc made use of their React Native platform and all of them are self-explanatory. React Native UI Element React Native is an open-source Javascript library that helps developers create mobile applications for both iOS and Android platforms. Over 70% ...
Read MoreWhat is the Arrow Function in ReactJS?
React is a popular JavaScript library used to build user interface components. One of the features of React is that it allows you to use arrow functions to define React components. You may now create components using both the standard JavaScript function and the arrow function syntax, thanks to the release of ES6 arrow function syntax. Lets discuss what arrow functions are and why you should use them in your ReactJS code − About Arrow Functions The arrow function is a new feature of ES6, introduced in ReactJS 16. It allows the developer to create a function that has lexical ...
Read MoreWhat is Prettier in React?
One of the many amazing things about React is that it’s more visually appealing than traditional web development frameworks like AngularJS. This might be because React favors a "simple" and "elastic" design over complex directives and components. Other factors contributing to React's visual appeal are the use of stateless components and declarative rendering. This means that instead of specifying how each component should look, you simply specify what data it needs and React will take care of the rest. In the end, it really depends on your personal taste − some people might prefer AngularJS' more polished look, while others ...
Read MoreWhat is DOM in React?
DOM stands for ‘Documents Object Model’. It’s the World Wide Web Consortium's fundamental logical homepage model. Every time the UI state of an application changes, the DOM is updated to reflect the change. Whenever the application user interface is updated, the DOM is rendered which ultimately impacts the application performance, resulting in slower loading. The complexity of the DOM and the numerous UI components further depletes the performance because each change necessitates a new rendering of the page. However, the virtual DOM concept in React has changed everything. Let’s see below − What is DOM? To put it another way, ...
Read MoreWhat is a Single Page Application?
Single Page Applications or SPAs are beginning to rule the IT marketplace now. (And for good reasons!) They are incredibly fast and render an amazing user experience. But what makes them faster? Well, the reason is that the SPAs enable the users to navigate through several pages without having to refresh the page. As the single page applications dynamically rewrite the web page content from the server, they do not load the entire web page after every render. This way, the web pages potentially improvise the performance by creating a more dynamic user experience. Let’s learn about the ...
Read MoreHow does React work?
The front−end development ecosystem is constantly changing. It is getting harder for business owners to choose the finest library or framework from the many available since new tools are released daily. Speaking of frontend, React.js have been setting records in the web development industry for some time and doing splendidly despite having huge competition. Why is it so? How is it that react has been able to rule the IT industry while other libraries are still struggling? We’ll get all these answers in this blog. So, let’s dive in − What is React.js? React is an open−source, front−end JavaScript library, ...
Read MoreHow to Create a Color Picker in ReactJS?
In this article, we are going to explore how to create and use a Color Picker in ReactJS. A Color Picker can be defined as a graphical user interface widget that is usually found within some graphics software or used online to select/choose colors and sometimes to create new color themes as well.React is a free and open-source front-end JavaScript Library that is used for building user interfaces or UI components. It is maintained by Facebook and a community of individual contributors who keep it updated.ApproachWe can run through the following steps to create a color picker −First we would ...
Read MoreReactJS: How to Create a Pie Chart using Recharts?
In this article, are going to explore the Rechart JS Library and implement it in a React application to watch how they are used. Rechart Libraries are specifically used for creating different types of charts over the React Application. Charts that can be build using this library are Line Charts, Bar Charts, Pie Charts, etc.In this tutorial we will be creating a Pie Chart using the library and a set of data entry points. Based upon this data the chart will be formed that will define the slices with the pie element. This will have the data property that will ...
Read MoreCreate a Scatter Chart using Recharts in ReactJS
In this article, are going to explore the Rechart JS Library and implement it in a React application to watch how they are used. Rechart Libraries are specifically used for creating different types of charts over the React Application. Charts that can be built using this library are Line Charts, Bar Charts, Pie Charts, Scatter Charts, etc.In this tutorial, we will create a Scatter Chart with the required data points and display the same to the user. The dataset for the scatter chart will have x and y coordinate details. Then with the help of a Cartesian product, we will ...
Read MoreAdding an animated loader and splash screen in a React Native app
In this article, we will see how to implement a Lottie animation in a React Native app. Lottie is an open source animation file format that’s tiny, high quality, interactive, and can be manipulated at runtime. Lottie animations are mainly used for loader screen or as a start screen.So, let's add a Lottie animation to our React Native mobile app.ExampleGo to the official Lottie animation website and download Lottie JSON.Link to animation that I am going to use −https://lottiefiles.com/74546-character-02# /Name the JSON file "myloader.json" and keep it at the same level as App.js.Now install the lottie-react-native packagenpm i --save lottie-react-nativeLottie ...
Read More