Discussion on Gogo - Vite React Admin Dashboard (React 19)

Discussion on Gogo - Vite React Admin Dashboard (React 19)

Cart 3,527 sales
Recently Updated
Well Documented

ColoredStrategies supports this item

Supported

This author's response time can be up to 5 business days.

684 comments found.

hi there, could you please provide sketch/psd files? i need them for prototyping

Hi,

We have not been providing them since they were just wireframes and would not be valuable for anyone. I recently worked on them for some time and I guess they can serve your prototyping purpose.

Please reach us from the contact form at our profile page for us to send files: https://themeforest.net/user/coloredstrategies

Cheers.

Hi, We are eagerly waiting for CRA version of your theme.

Do you think it will be available this week? We have to start on a new version and want to do it only on CRA version.

So, let us know.

just purchased a new license. I will actually be using the theme only when CRA version is released. So, let me know as soon it’s released.

Hi,

We are still working on it and I think it will take couple of more days. I will let you as soon as it’s ready.

Cheers.

Hi,

Cra implementation is done yet it will take probably another week for us to publish it. Currently it is working without a problem but we have decided to include some comments, make some refactoring&cleanup and update our docs.

As you are in a hurry, we can deliver the project to you via email. Please reach us from the contact form at our profile page. https://themeforest.net/user/coloredstrategies

Cheers.

Hi,

When the sale ends?

Will I get the CRA version if I purchase it today?

Cheers

Hi,

Sale ends at June 4 and yes you will be able to get all the future updates when you purchase.

Cheers.

Hi,

CRA update is now available. Just wanted to let you know:)

Cheers.

Hello author, when I use the react-table component, I found that some of the table styles did not appear. I used gogo-react-start-with-auth to build my application. I checked gogo-react’s react- The table component is displayed normally. I don’t know where the problem is, thank you for your help. In the figure below, the number 1 is the gogo-react template and the number 2 is the gogo-react-start-with-auth. https://upload-images.jianshu.io/upload_images/18113839-ef5d32eddc93c24d.png

Hi,

Sorry for the trouble, cause of the problem might be related to missing style. Please check if react-table is imported import "react-table/react-table.css";

If problem is not related to css importing, then please let us know.

Cheers.

Thank you very much for your help, really because css is not imported. Now it has worked perfectly.

Happy to help :)

Hi, I was wondering if you can release a full Gogo-React version that contains all the components and redux without Auth

Hi,

Every project we add makes the project harder to manage and increases the size. Currently it’s about 40mb and I think it is quite large.

Removing auth from the main project should be doable and if you need assistance we can happily provide a basic guidance.

Cheers.

Hi, please provide details instruction on how to to remove auth from the main project.

Thanks

Hi,

Please reach us from contact form at our profile page so we can send you a full version without auth as you have asked. https://themeforest.net/user/coloredstrategies

Cheers.

./src/App.js Module build failed (from ./node_modules/babel-loader/lib/index.js): SyntaxError: /Users/berchant/Desktop/Work/Enalyca/src/App.js: Unexpected token (11:2)

it the error i’m getting when i run npm start

should i create this file ?

It is included with in the downloaded zip file. You may have not copied it since it is hidden. Please also check the project inside the downloaded files.

This is how one of the projects should look like before you run npm install. https://ibb.co/BtDPY2D

okay thanks ..

Hi

I would like some additional components. Is this something you are able to do or do you have someone who could do this? How do I go about getting a quote?

Hi,

We don’t accept any custom work since we are quite busy at the moment and I am afraid I don’t have anyone to recommend.

Cheers.

how do i fix the following

Module build failed (from ./node_modules/babel-loader/lib/index.js): Error: Must export a default export when using ES6 modules.

Hi,

We have not encountered this problem before so we don’t have a fast solution for it yet.

We would normally get your os, npm and node versions and try to replicate and solve the problem but you will need to purchase the item or write us from an purchased account to get support .

Cheers.

os: mojave 10.14.4 ‘gogo-react’: ‘3.1.0’, npm: ‘6.4.1’, http_parser: ‘2.8.0’, node: ‘10.15.3’

I have purchased via elements

I would share the solution if we had this problem and solved this but it is a problem that we have not seen before. Your node and npm versions also look just fine.

So we need to spend some time on it and work on a solution but Element purchases does not include support. You may check it here: https://help.elements.envato.com/hc/en-us/articles/360000629166-Item-Support-on-Envato-Elements

I really like your theme. a month ago you guys mentioned that you are working on “create-react-app version”. Any updates on that?

We love your theme but only reason we aren’t using it our projects is that yours is not based on CRA. Any expected launch date?

Hi,

Thank you for your interest in our theme.

It took longer than we anticipated but we have done most of the heavy work so I think it is safe to say it will take 2 more weeks.

Cheers.

Hi

I have follow the instructions regarding installing npm and running npm start and build.

Your scripts seem to have a dependency on babel-loader which I have been unable to resolve, Do you have updated build scripts??

Hi,

There should be a ”.babelrc” file at the root of the project. It might be missing if you have copied contents of the project and using linux or macos. These systems auto hides files which start with a dot.

If this is not the issue, please let us know.

Cheers.

Yes. That was the problem. Resolved now.

yes , nodejs server and yes for run dist build. In dev.js, prod.js y base.js we removed host and port to find the solution . but still having error also we removed favicon that was showing possible error

Hello im having this error please help me

2019-05-16T21:54:17.091233+00:00 heroku[router]: at=error code=H10 desc=”App crashed” method=GET path=”/” host=cpdash.herokuapp.com request_id=e40f9af8-50e5-4bba-a32b-a44c1a7f3ff1 fwd=”39.54.247.53” dyno= connect= service= status=503 bytes= protocol=http

I would like to clarify that some of our users assumed that they need to run build code on their server. I am not sure if this is your case but wanted to be on the same page.

Dist build creates a spa(single page application) that almost run on every server. You will only need to put contents of the spa to root of your domain and rewrite urls to index.html page.

So, it is not a nodejs app if you have not turned it into one. Just wanted to be clear on this so please don’t take this the wrong way.

Let me know if this does not help at all.

we are deploying to heroku but we are getting the same errors

I guess it is about your server environment. Also I think it has nothing to do with ports since we use dist build for our demos and never needed to chagen them.

Heroku might be configured to serve nodejs application and you might need to configure it to serve static files. As I stated previously, the prod build is a simple spa, not a node app.

You may also check if the problem is with your server or build by putting dist folder in a local server like iis or apache.

I wish I could provide better help but I have no experience with heroku and the problem seems related to it.

Hi, i have so many errors in the npm install.

https://i.ibb.co/Wk4zTxb/Sin-t-tulo.png https://i.ibb.co/f4jbNRq/Sin-t-tulo2.png

I have node version 12.1.0 and npm version 6.9.0

Hi,

Thank you for the purchase and sorry for those errors.

I am really not sure about their origin but it is working fine with node v10 and have not heard any recent problem from any other user.

If it is not essential for you to have the latest node, would you install more stable one and try again? On the node homepage left one: https://ibb.co/vLk8r0d

Let us know if this does not solve the problem.

Cheers.

it was resolved with the LTS node version. Thank you. Later the template could be updated for node v12?

That’s nice, happy to help.

We are currently working on an update and will address this problem too.

Cheers.

Hi, I’ve got a problem now, just `npm run build` my project and want to move file to FTP, but after I completed `npm run build` then open index.htm in dist floder It didn’t work just black page displayed

could you please give me any advise or how to fixes them. thanks

Hi,

First things first. You will need url rewriting at your server. As you may see, link you have provided not working when clicked directly since it is looking for login “folder”. You need a very basic url rewriting mechanism to direct all the urls to index.html page.

As for the login, please look into the login page. It never uses the values from inputs. You will need implement onChange event on inputs and update the state. Doing it should solve the problem.

Cheers.

Alright, everything worked to me Thank you so much :)

You’re welcome :)

Ps: If you are happy with the item, please consider giving it a review.

I love this. Simple yet robust. Looks like a good pick for redux and state management

Hi,

Thak you, I hope that you decide to purchase and enjoy working with it.

Cheers.

Hi there, first of just want to say I am loving working with this theme! I am trying to add a setting to be able to let the user choose which theme, i.e dark or light. Can you give me some insight on how to achieve this? Cheers

Hi,

Thank you for the purchase and I hope that you keep enjoying working with the theme.

As for the question, we have also considered adding a light/dark switch but later changed our minds in favor of theme select at the right drawer. Although, you may easily implement it since the mechanism for loading and rendering a theme is already written.

I have created a small component which will render a basic switch, here is the screenshot of it: https://ibb.co/1Jy2Zsx

It will work on Gogo-React project and not the starter ones since only main project loads styesheet file with dynamic import. You will also need to add an “else” block in “src/index.js” file to make sure localstorage always have a themeColor value. Below is the if and else part of the src/index.js file. if (localStorage.getItem('themeColor')) { color = localStorage.getItem('themeColor'); } else { localStorage.setItem('themeColor', color) }

...............................

The small component I created is named “LightDarkSwitch” and you will need to create a foloder named LightDarkSwitch under components and put below code in an index.js file like the other components. It basically reads themeColor value from local storage, alters the value of it based on the switch, sets the local storage value and reloads the page. Here is the content of this file: import React, { Component, Fragment } from 'react'; import Switch from "rc-switch"; import "rc-switch/assets/index.css"; class LightDarkSwitch extends Component { constructor(props) { super(props); this.onSwitchChange = this.onSwitchChange.bind(this); this.isSwitchChecked = this.isSwitchChecked.bind(this); this.state = { selectedColor:localStorage.getItem('themeColor'), switchChecked: this.isSwitchChecked(), }; } isSwitchChecked() { var color = localStorage.getItem('themeColor'); if (color) { if(color.indexOf("dark") > -1) { return true; } else { return false; } } else { return false; } } onSwitchChange (switchChecked) { this.setState({ switchChecked }); var color = this.state.selectedColor; if(switchChecked) { color = color.replace("light", "dark"); } else { color = color.replace("dark", "light"); } localStorage.setItem('themeColor', color); setTimeout(()=>{ window.location.reload(); },500) } render() { return ( <Fragment> <label> Dark Mode </label> <Switch className="custom-switch custom-switch-primary" checked={this.state.switchChecked} onChange={this.onSwitchChange } /> </Fragment> ); } } export default LightDarkSwitch

.....................

Here is how to use it: import LightDarkSwitch from "Components/LightDarkSwitch"; ... render() { return( ... <LightDarkSwitch></LightDarkSwitch> ... ) } ...

That should be all of it, let us know if you have any problems.

Cheers.

Hi, Great theme.. thanks.

Hi,

Thank you, I just answered your email.

Cheers.

Hi,

I’ve purchased this theme and could start modifying things well. Nice job.

However I got problem with debugging in Chrome. I should see the original code instead of compiled code like this

webpack_require.r(webpack_exports); /* harmony import / var react__WEBPACK_IMPORTED_MODULE_0__ = webpack_require(/! react */ ”./node_modules/react/index.js”); ...

Can you help me a little bit?

Thanks a lot,

Hi,

You will need to make a small config change to be able to see source code.

Please locate “webpack/dev.js” file and add “devtool: ‘source-map ’,” in module.exports part as following: ... module.exports = merge(baseConfig, { mode: 'development', devtool: 'source-map ', devServer: { ...

This might be slowest one so you may check other options if you don’t want to use “source-map” here: https://webpack.js.org/configuration/devtool/#root

Cheers.

Changelog of latest update 8 May 19?

Hi,

Yes but it is does not have any code fixes or updates, latest version is 3.1.0 and it is from April 9.

You may check them here: https://gogo-react-docs.coloredstrategies.com/docs/getting-started/changelog

Cheers.

Ok. Thank you.

Hello, gogo has no examples of axios webpack development environment and production environment. I did not find such a case in the template.

Hi,

I am not sure what you are referring with “webpack development environment and production environment” but you may see a get example at list pages. Eg: src/routes/pages/data-list.js

Cheers.

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey