rafaelklaessen / React Tradingview Widget
Licence: mit
React component for rendering the TradingView Advanced Real-Time Chart Widget.
Stars: ✭ 170
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to React Tradingview Widget
Nwb
A toolkit for React, Preact, Inferno & vanilla JS apps, React libraries and other npm modules for the web, with no configuration (until you need it)
Stars: ✭ 5,429 (+3093.53%)
Mutual labels: webpack, babel, react-component
Js Stack Boilerplate
Final boilerplate code of the JavaScript Stack from Scratch tutorial –
Stars: ✭ 145 (-14.71%)
Mutual labels: webpack, babel
Graphpack
☄️ A minimalistic zero-config GraphQL server.
Stars: ✭ 1,994 (+1072.94%)
Mutual labels: webpack, babel
Generator Phaser Plus
[🛑 DISCONTINUED] It has been a long journey but development of `generator-phaser-plus` is now over. I recommend you have a look and fork `yandeu/phaser-project-template` instead.
Stars: ✭ 148 (-12.94%)
Mutual labels: webpack, babel
Project Webcube
Continuously updated JS infrastructure for modern web dev
Stars: ✭ 141 (-17.06%)
Mutual labels: webpack, babel
Iceberg
Front-End Boilerplate built with React + Babel + Webpack + SASS
Stars: ✭ 144 (-15.29%)
Mutual labels: webpack, babel
React Pages Boilerplate
Deliver react + react-router application to gh-pages
Stars: ✭ 134 (-21.18%)
Mutual labels: webpack, babel
Babel Plugin Webpack Alias
babel 6 plugin which allows to use webpack resolve options
Stars: ✭ 151 (-11.18%)
Mutual labels: webpack, babel
Webpack Encore
A simple but powerful API for processing & compiling assets built around Webpack
Stars: ✭ 1,975 (+1061.76%)
Mutual labels: webpack, babel
Express Webpack React Redux Typescript Boilerplate
🎉 A full-stack boilerplate that using express with webpack, react and typescirpt!
Stars: ✭ 156 (-8.24%)
Mutual labels: webpack, babel
Book
《现代化前端工程师权威指南》https://guoyongfeng.github.io/book/
Stars: ✭ 141 (-17.06%)
Mutual labels: webpack, babel
React Starter Kit
完美使用 React, Redux, and React-Router!超好用的脚手架
Stars: ✭ 1,755 (+932.35%)
Mutual labels: webpack, babel
170330 webpack
「最新版で学ぶwebpack入門」のサンプルコード集です。ReactやBabelなど30以上の構成のサンプルを用意しています。
Stars: ✭ 135 (-20.59%)
Mutual labels: webpack, babel
Breko Hub
Babel React Koa Hot Universal Boilerplate
Stars: ✭ 145 (-14.71%)
Mutual labels: webpack, babel
Reactn
React, but with built-in global state management.
Stars: ✭ 1,906 (+1021.18%)
Mutual labels: webpack, babel
Modern Javascript
Code for TylerMcGinnis.com's "Modern JavaScript" course
Stars: ✭ 130 (-23.53%)
Mutual labels: webpack, babel
Angular2 Esnext Todomvc
Angular TodoMVC application in Javascript (ES6/ES7).
Stars: ✭ 132 (-22.35%)
Mutual labels: webpack, babel
Webpack Babel Multi Target Plugin
A Webpack plugin that works with Babel to allow differential loading - production deployment of ES2015 builds targeted to modern browsers, with an ES5 fallback for legacy browsers.
Stars: ✭ 150 (-11.76%)
Mutual labels: webpack, babel
react-tradingview-widget
React component for rendering the TradingView Advanced Real-Time Chart Widget.
Install
yarn add react-tradingview-widget
or
npm install --save react-tradingview-widget
Usage
Basic example
import TradingViewWidget from 'react-tradingview-widget';
const App = () => (
<TradingViewWidget symbol="NASDAQ:AAPL" />
);
All given props are passed on to the widget config. See this page for the TradingView Advanced Real-Time Chart API.
Advanced example
import TradingViewWidget, { Themes } from 'react-tradingview-widget';
const App = () => (
<TradingViewWidget
symbol="NASDAQ:AAPL"
theme={Themes.DARK}
locale="fr"
autosize
/>
);
Constants and API differences
react-tradingview-widget exports constants for the following things:
- Interval types:
IntervalTypes.D
andIntervalTypes.W
- Range types (for the
range
prop):RangeTypes.YTD
andRangeTypes.ALL
- Themes:
Themes.LIGHT
andThemes.DARK
- BarStyles:
BarStyles.BARS
BarStyles.CANDLES
BarStyles.HOLLOW_CANDLES
BarStyles.HEIKIN_ASHI
BarStyles.LINE
BarStyles.AREA
BarStyles.RENKO
BarStyles.LINE_BREAK
BarStyles.KAGI
BarStyles.POINT_AND_FIGURE
You don't have to use these constants.
react-tradingview-widget also makes it possible to use numbers for interval
, popup_width
and popup_height
instead of strings, but this is not required.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].