Finance Market Stocks and Currency Visualization in React JS

Finance Market Stocks and Currency Visualization in React JS, available at $39.99, has an average rating of 4.2, with 70 lectures, based on 24 reviews, and has 194 subscribers.

You will learn about Integrate Highcharts highstocks and charts in React JS SPA Fetch the live stock data, Forex data and data from REST API (Mongo DB, Express JS, Node JS) and use it via Redux store in React JS SPA Use Drag and Drop functionality to change the chart types dynamically to display Highcharts chart Compare Monthly stocks and currency by presenting it visually using Highstocks charts Display Candlestick, OHLC charts and customize Highstocks charts This course is ideal for individuals who are Intermediate developers who have knowledge of React JS with Redux or Developers who wants to integrate charts in their new/existing React applications or Developers who are working with finance applications or wants to present the data visually using charts It is particularly useful for Intermediate developers who have knowledge of React JS with Redux or Developers who wants to integrate charts in their new/existing React applications or Developers who are working with finance applications or wants to present the data visually using charts.

Enroll now: Finance Market Stocks and Currency Visualization in React JS

Summary

Title: Finance Market Stocks and Currency Visualization in React JS

Price: $39.99

Average Rating: 4.2

Number of Lectures: 70

Number of Published Lectures: 70

Number of Curriculum Items: 70

Number of Published Curriculum Objects: 70

Original Price: $59.99

Quality Status: approved

Status: Live

What You Will Learn

Integrate Highcharts highstocks and charts in React JS SPA
Fetch the live stock data, Forex data and data from REST API (Mongo DB, Express JS, Node JS) and use it via Redux store in React JS SPA
Use Drag and Drop functionality to change the chart types dynamically to display Highcharts chart
Compare Monthly stocks and currency by presenting it visually using Highstocks charts
Display Candlestick, OHLC charts and customize Highstocks charts

Who Should Attend

Intermediate developers who have knowledge of React JS with Redux
Developers who wants to integrate charts in their new/existing React applications
Developers who are working with finance applications or wants to present the data visually using charts

Target Audiences

Intermediate developers who have knowledge of React JS with Redux
Developers who wants to integrate charts in their new/existing React applications
Developers who are working with finance applications or wants to present the data visually using charts

Are you working on stock market applications, currency or finance applications which needs data visualization? Or wants to visualize the company or your own products growth. Also wants to compare different stocks and currencies? Welcome to my new course Finance Market Stocks and Currency Visualization in React JS with Redux.

In this course, you will learn how to integrate Highcharts library in React JS for data visualization. You will display charts for live Stocks data and Forex datausing Highstocks chart. Use custom REST APIs developed using Express JS, Node JS and Mongo DB of your organization and display charts using Highcharts with drag and drop functionality. Compare different company stocks. Compare different country currency trends.

Key Points –

Integrate Highcharts Library in React SPA
Visualize live Stocks and Forex data using HighStocks charts
Compare different company stocks
Compare different currencies exchange rates
Visualize custom REST APIs data using Highcharts charts with Drag and Drop functionality and change the chart type dynamically
Visualize stocks and currencies data using Candlestick chart and OHLC charts
Customize Highstocks charts

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: Who should take this course?

Lecture 3: Tools and Software required for this course

Lecture 4: Introduction to application template

Lecture 5: Understanding application structure

Lecture 6: Understanding Webpack configuration

Lecture 7: Understanding initial application code

Chapter 2: Getting real time and historical Stock and Forex data

Lecture 1: Introduction to a REST API of Stock and Forex

Lecture 2: Stock APIs

Lecture 3: Forex APIs

Chapter 3: Highcharts wrapper for React

Lecture 1: Introduction to Highcharts library

Lecture 2: Introduction to Highcharts React wrapper

Lecture 3: Preparing our SPA to use Highcharts React Wrapper

Chapter 4: Getting ready with Application stocks state in Redux

Lecture 1: Defining Stock Action types

Lecture 2: Stock Action Functions with AJAX requests – Part-I

Lecture 3: Stock Action Functions with AJAX requests – Part-II

Lecture 4: Stock Action Functions with AJAX requests – Part-III

Lecture 5: Add Stock Reducer

Lecture 6: Create New Redux Store

Lecture 7: Connect Redux Store to React Application

Lecture 8: Adding Utility function

Chapter 5: Data Visualization of Stocks using Highstocks – Part-I

Lecture 1: Add Daily Stocks Component

Lecture 2: Connect Daily Stocks component with Redux Store

Lecture 3: Using React Highcharts wrapper to display daily stocks information

Lecture 4: Lazy loading Daily Stocks component by defining route

Chapter 6: Data Visualization of Stocks using Highstocks – Part-II

Lecture 1: Add Weekly Stocks component

Lecture 2: Connect Weekly Stocks component with Redux Store

Lecture 3: Using React Highcharts wrapper to display weekly stocks information

Lecture 4: Lazy loading Weekly Stocks component by defining route

Chapter 7: Data Visualization of Stocks using Highstocks – Part-III

Lecture 1: Add Monthly Stocks Component and Connect to Redux Store

Lecture 2: Using React Highcharts wrapper to display monthly stocks information

Lecture 3: Lazy loading Monthly Stocks component by defining route

Chapter 8: Data Visualization of Stocks using Highstocks – Part-IV

Lecture 1: Writing Monthly Stocks Comparison Component Logic

Lecture 2: Lazy loading Monthly Stocks Comparison component by defining route

Chapter 9: Challenge for Students

Lecture 1: Challenge

Chapter 10: Getting ready with Application Forex state in Redux

Lecture 1: Defining Forex Action types

Lecture 2: Forex Action Functions with AJAX requests – Part – I

Lecture 3: Forex Action Functions with AJAX requests – Part – II

Lecture 4: Forex Action Functions with AJAX requests – Part – III

Lecture 5: Add Forex Reducer

Lecture 6: Configure Forex Reducer in Redux store

Chapter 11: Data Visualization of Forex using Highcharts chart – Part-II

Lecture 1: Add Daily Forex Component

Lecture 2: Connect Daily Forex component with Redux Store

Lecture 3: Using React Highcharts wrapper to display Daily forex information

Lecture 4: Lazy loading Daily Forex component by defining route

Lecture 5: Introduction to Candlestick, OHLC Chart

Chapter 12: Data Visualization of Forex using Highcharts chart – Part-III

Lecture 1: Add Weekly Forex component

Lecture 2: Connect Weekly Forex component with Redux Store

Lecture 3: Using React Highcharts wrapper to display Weekly Forex information

Lecture 4: Lazy loading Weekly Forex component by defining route

Chapter 13: Data Visualization of Forex using Highcharts chart – Part-IV

Lecture 1: Add Monthly Forex Component and Connect to Redux Store

Lecture 2: Using React Highcharts wrapper to display Monthly Forex information

Lecture 3: Lazy loading Monthly Forex component by defining route

Chapter 14: Data Visualization of Forex using Highcharts chart – Part-V

Lecture 1: Add Monthly Forex Comparison Component

Lecture 2: Connect Monthly Forex Comparison component with Redux Store

Lecture 3: Using React Highcharts wrapper to display Monthly Forex comparison information

Lecture 4: Lazy loading Monthly Forex Comparison component by defining route

Chapter 15: A closer look at REST API build with Node JS, Express JS and Mongo DB

Lecture 1: Introduction to Mongo DB

Lecture 2: Demo – Creating Mongo DB database, collections and inserting the required data

Lecture 3: Introduction to REST API

Lecture 4: Demo – Installing and understanding the application code of REST API

Chapter 16: Using Highcharts charts in React SPA

Lecture 1: Add action type and action method

Lecture 2: Add Highcharts reducer and configure it to Redux Store

Lecture 3: Configure Drag and Drop package in our React SPA

Lecture 4: Add DynamicHighCharts Component

Lecture 5: Connect DynamicHighCharts component with Redux Store

Lecture 6: Working of React Drag and Drop package

Lecture 7: Using React Highcharts wrapper to display Quarter Sales and Feedback data

Lecture 8: Configure Route and Test DynamicHighCharts Component

Chapter 17: Customize Highstocks Charts

Lecture 1: Filled color, Markers with Shadow and Step Chart

Instructors

Pravinkumar Dabade
Freelance Consultant and Corporate Trainer

Rating Distribution

1 stars: 1 votes
2 stars: 4 votes
3 stars: 5 votes
4 stars: 8 votes
5 stars: 6 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu