Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Finance Market Stocks and Currency Visualization in React JS
Rating: 3.8 out of 5(25 ratings)
203 students

Finance Market Stocks and Currency Visualization in React JS

Learn to visualize the live Stocks, Forex or your organization data using Highcharts library in React JS with Redux.
Last updated 12/2019
English

What you'll 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

Course content

17 sections70 lectures4h 31m total length
  • Introduction2:42
  • Who should take this course?0:55
  • Tools and Software required for this course0:39
  • Introduction to application template5:22
  • Understanding application structure3:40
  • Understanding Webpack configuration8:02
  • Understanding initial application code3:36

Requirements

  • Good knowledge on React JS and Redux
  • Basic knowledge of ECMA Script 2015/ ES6 along with Bootstrap 4.x
  • Basic knowledge of developing REST APIs using Express JS, Node JS along with some database like Mongo DB

Description

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 data using 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 -

  1. Integrate Highcharts Library in React SPA

  2. Visualize live Stocks and Forex data using HighStocks charts

  3. Compare different company stocks

  4. Compare different currencies exchange rates

  5. Visualize custom REST APIs data using Highcharts charts with Drag and Drop functionality and change the chart type dynamically

  6. Visualize stocks and currencies data using Candlestick chart and OHLC charts

  7. Customize Highstocks charts

Who this course is for:

  • 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