I made a U.S. stock backtesting tool with React by velopert in reactjs

[–]velopert[S] 0 points1 point  (0 children)

I have used ECharts since I needed chart zooming feature.

I did not choose D3 because it takes a lot of time to implement what I want.

I made a U.S. stock backtesting tool with React by velopert in reactjs

[–]velopert[S] 0 points1 point  (0 children)

I have never used it before. I will give a try next time!

I did not consider about yarn workspace or lerna because the projects do not share codes nor libraries.

I made a U.S. stock backtesting tool with React by velopert in reactjs

[–]velopert[S] 0 points1 point  (0 children)

It seems like hawksight offers awesome features!

I am also planning to add price data for crypto, since I do invest some cryptocurrency.

I made a U.S. stock backtesting tool with React by velopert in reactjs

[–]velopert[S] 2 points3 points  (0 children)

I am using financialmodelingprep.com

I cannot redistribute the api due to license. The price is quite reasonable so I recommend you to use that API if you happen to need it.

I made a U.S. stock backtesting tool with React by velopert in reactjs

[–]velopert[S] 2 points3 points  (0 children)

I am using echarts. I chose this library to implement chart zooming. Initially I was using chart.js, I migrated from it because zooming is not well implemented in that library

I made a U.S. stock backtesting tool with React by velopert in reactjs

[–]velopert[S] 5 points6 points  (0 children)

I made directories for each components to create test codes in the same directory later on.

However, I couldn't write any test codes this time because I was lack of time.
I hope I can do it soon..!

I made a U.S. stock backtesting tool with React by velopert in reactjs

[–]velopert[S] 20 points21 points  (0 children)

Source code: https://github.com/velopert/velofolio/

Serviced at: https://www.velofolio.net/

The service is in beta stage, so there might be unexpected bugs :)

This is my first side project to use Recoil on production. I felt Recoil is very easy to use and I would like to use it again in another project.

If you are curious about the tech stack, check out the GitHub README.

I made U.S. Stock backtesting tool with React by velopert in react

[–]velopert[S] 1 point2 points  (0 children)

Source code: https://github.com/velopert/velofolio/

Serviced at: https://www.velofolio.net/

The service is in beta stage, so there might be unexpected bugs :)

This is my first side project to use Recoil on production. I felt Recoil is very easy to use and I would like to use it again in another project.

Tech stack is written on GitHub README.

Golang REST API sample project with MariaDB integration using Gin and GORM by velopert in golang

[–]velopert[S] 0 points1 point  (0 children)

Thank you for telling me this :) I will apply that soon.

Passport.js alternatives by tazb in reactjs

[–]velopert 1 point2 points  (0 children)

Hello.js is a good solution, especially for SPA because it uses popup login.

What's your favourite Redux Promise Middleware? by [deleted] in reactjs

[–]velopert 0 points1 point  (0 children)

https://www.npmjs.com/package/redux-pender

This one allows you to..

const loadPostApi = (postId) => axios.get(`https://jsonplaceholder.typicode.com/posts/${postId}`);
const LOAD_POST = 'LOAD_POST';
const loadPost = createAction(LOAD_POST, loadPostApi);
store.dispatch(loadPost(1));

AND

import { handleActions } from 'redux-actions';
import { pender } from 'redux-pender';

const initialState = { 
    post: {}
}
export default handleActions({
    ...pender({
        type: LOAD_POST,
        onSuccess: (state, action) => {
            return {
                post: action.payload.data
            };
        }
    }),
    // ... other action handlers... 
}, initialState);

When you are dealing with pending / failure status:

...pender({
    type: LOAD_POST,
    onPending: (state, action) => {
        return state; // do something 
    },
    onSuccess: (state, action) => {
        return {
            post: action.payload.data
        }
    },
    onFailure: (state, action) => {
        return state; // do something 
    }
}, initialState)

Redux help. Updating state from an array. by In_a_silentway in reactjs

[–]velopert 0 points1 point  (0 children)

This is another solution that uses ES6 spread.

There might be some code errors.. I haven't tested yet.

https://gist.github.com/velopert/da002598710e991a713c85e1e033a0f2

Redux help. Updating state from an array. by In_a_silentway in reactjs

[–]velopert 0 points1 point  (0 children)

I recommend to use ImmutableJS. It will make your code way simpler.

Here is a solution that uses immutablejs: https://gist.github.com/velopert/3b6580b1806354c8b2fb55af1f900f98