Discussion on Reactify - React Redux Material BootStrap 4 + Laravel Admin Template

Discussion on Reactify - React Redux Material BootStrap 4 + Laravel Admin Template

Cart 1,419 sales
Well Documented

IronNetwork does not currently provide support for this item.

405 comments found.

Hi,

I already have a next/react app and wanted to apply the styles. components from this theme. Looks like what you have is a whole react app instead of importable components. I dont want to install dependencies like reactstrap and materialui in my project.

I am not able to use this theme for my purpose easily .Kindly refund me

Hello, I have bought this theme. In the online documentation under file structure .. https://iron-network.gitbook.io/reactify/introduction/file-structure .. It says that documentation.html is present. However I do not have this file in the .zip I have downloaded.

How to handle SEO ?

Hi,

Handling SEO on SPA depends on requirement and structure you have followed to build the app, following articles might help you to SEO the app

https://blog.pusher.com/seo-react-fetch-as-google/ https://medium.freecodecamp.org/server-side-rendering-your-react-app-in-three-simple-steps-7a82b95db82e https://builtvisible.com/react-js-seo/ https://medium.freecodecamp.org/server-side-rendering-your-react-app-in-three-simple-steps-7a82b95db82e

You can send us an email at support@theironnetwork.org if you need any help or have any query.

Thanks

Hi, What are the steps to add a new route?

Hi,

Please follow the steps below to add new route and link. - Defining Routes

Go to src -> services directory and open _routerService.js file. Now define one by one your required routes.

- Create a Sidebar Menu

To create a sidebar menu, Go to src -> components -> Sidebar and open NavLinks.js file.

You can send us an email at support@theironnetwork.org if you have any other query or need any help to setup reactify.

Thanks!

> reactify@4.2.0 start /Volumes/Work/weboutsourcing/device42 > webpack-dev-server—mode development—inline—progress

95% emitting HtmlWebpackPlugin                                               e           
DONE  Compiled successfully in 40604ms                              12:11:04 PM

please let me know what is the reason

Hi,

There might be an issue with node js version compatibility, please send us an email at support@theironnetwork.org with node and npm version installed on your system and we will guide you to resolve the issue.

Meanwhile you can check our documentation https://iron-network.gitbook.io/reactify/start-development and try to run the app by following the steps mentioned.

Thanks.

Translation, I check on documentation for add new language.

I want to translate on Serbian ( srb ) language, what missing on documentation is in “lang -> entries” for import

import appLocaleData from ‘react-intl/locale-data/el’;

I guess I need to put here

import appLocaleData from ‘react-intl/locale-data/srb’;

How to add that part, and where to add srb.png picture?

I fix this part with import appLocaleData from ‘react-intl/locale-data/srb’;

my was mistake, it need to be

import appLocaleData from ‘react-intl/locale-data/sr’;

But still I have problem with a picture, and now when I did all, and when I made my language I get

Missing message: “themeOptions.sidebarDark” for locale: “en”

How locale “en”, when I put everywhere “sr”?

I fix all :)

Hello .. I wanted to know if I can use only certain components of this this theme in other projects I have. Or will I only be able to use the whole theme and hide certain features which I don’t want ??

Hi,

Recommended way would be to use the Reactify template and remove not required components. To make the development process easy we provide a seed project along with full package which contains only framework and styling, you can start your development with seed project and can move required components from full package to new app one by one.

You can also move components from reactify to other project but in that case you might also need to do some css work as the copied component depends on reactify styling.

Let us know if you have any other query.

Thanks.

Cool .. do you have tutorials or documentation to migrate components to other projects as well as starting out with seed project ?

Hi,

Here is a link to our documentation

https://iron-network.gitbook.io/reactify

Hopefully this helps. Thanks!

Hi there!

I’ve recently got a license and I’m trying to run the project under Redux-thunk version.

Everything seems to be fine, except when I change something inside a controller I need to stop and start npm manually. This not update website automatically.

I’m using node v8.12.0 and npm v6.5.0

Also, I’m getting some warnings on Console:

- Warning: Material-UI: you are using the deprecated typography variants that will be removed in the next major release. Please read the migration guide under https://material-ui.com/style/typography#migration-to-typography-v2

- Warning: Failed prop type: Material-UI: the `raised` variant will be removed in the next major release. `contained` is equivalent and should be used instead.

Are there no better instructions for firebase and integration with this template? I was hoping to avoid the libraries out there and that this would take care of it…

Hi, You can use this https://www.npmjs.com/package/vue-router-user-roles plugin to add roles and permission for vue-router. If you have a different permission sets for each user then you can add a custom function with vue-router to control menu item visibility.

Thanks

Hello , Unable to compile Reactify(React-Redux-Thunk). The progress shows 95% emitting HtmlWebpackPlugin while running the command npm start. Thank you in advance.

Hi,

There might be an issue with node js version compatibility, please send us an email at support@theironnetwork.org with node and npm version installed on your system and we will guide you to resolve the issue.

Meanwhile you can check our documentation https://iron-network.gitbook.io/reactify/start-development and try to run the app following the steps mentioned.

Thanks.

hi, i am having trouble deploying this to Heroku, using the react buildpack. I get a blank screen when i access the app, although the deploy completes successfully. Same with surge.sh. Any ideas?

Hi,

Thanks for purchasing our template. It might be an issue with files transferred to server on deploy or any javascript error preventing app load, we can check further if you can provide us the heroku url. Also please confirm following.

1.Node js installed on server 2.Did the app work on your local system ? 3.Try to deploy the build and check if it works

Please send us an email at support@theironnetwork.org with details, and we will check the issue in details. It will be good if you can share the repo with us support@theironnetwork.org so that we can check the code for issues.

Thanks.

Hi after authentication firebase user object is showing null. Am I missing something?

Hi,

We checked our code and everything seems to be fine, please send us an email at support@theironnetwork.org with your project files and we will look into it, you can also share your code on bitbucket.

Thanks

Hi,

I have just bought the template Reactify React and I have some difficulty to install it.

I followed the instructions but it fails during the npm install.

Here the issue. Do you already encounter that and how can resolve it ?

Thx Peter 778 512 6188

node-pre-gyp ERR! Tried to download(403): https://storage.googleapis.com/grpc-precompiled-binaries/node/grpc/v1.10.1/node-v64-darwin-x64-unknown.tar.gz node-pre-gyp ERR! Pre-built binaries not found for grpc@1.10.1 and node@10.13.0 (node-v64 ABI, unknown) (falling back to source compile with node-gyp) node-pre-gyp ERR! Pre-built binaries not installable for grpc@1.10.1 and node@10.13.0 (node-v64 ABI, unknown) (falling back to source compile with node-gyp) node-pre-gyp ERR! Hit error Connection closed while downloading tarball file CXX Release/obj.target/grpc/deps/grpc/src/core/lib/surface/init.o CXX Release/obj.target/grpc/deps/grpc/src/core/lib/surface/init.o rm: ./Release/.deps/Release/obj.target/grpc/deps/grpc/src/core/lib/surface/init.o.d.raw: No such file or directory make: * [Release/obj.target/grpc/deps/grpc/src/core/lib/surface/init.o] Error 1 gyp ERR! build error gyp ERR! stack Error: `make` failed with exit code: 2 gyp ERR! stack at ChildProcess.onExit (/usr/local/lib/node_modules/npm/node_modules/node-gyp/lib/build.js:262:23) gyp ERR! stack at ChildProcess.emit (events.js:182:13) gyp ERR! stack at Process.ChildProcess._handle.onexit (internal/child_process.js:240:12) gyp ERR! System Darwin 18.0.0 gyp ERR! command ”/usr/local/bin/node” ”/usr/local/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js” “build” “-fallback-to-build” “-library=static_library” “-module=/Users/petergartner/Apps/Hale/PROTOTYPES/reactify-v4.2.0-new/reactify-redux-thunk/node_modules/grpc/src/node/extension_binary/node-v64-darwin-x64-unknown/grpc_node.node” “-module_name=grpc_node” “—module_path=/Users/petergartner/Apps/Hale/PROTOTYPES/reactify-v4.2.0-new/reactify-redux-thunk/node_modules/grpc/src/node/extension_binary/node-v64-darwin-x64-unknown” gyp ERR! cwd /Users/petergartner/Apps/Hale/PROTOTYPES/reactify-v4.2.0-new/reactify-redux-thunk/node_modules/grpc gyp ERR! node -v v10.13.0 gyp ERR! node-gyp -v v3.8.0 gyp ERR! not ok node-pre-gyp ERR! build error node-pre-gyp ERR! stack Error: Failed to execute ’/usr/local/bin/node /usr/local/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js build—fallback-to-build—library=static_library—module=/Users/petergartner/Apps/Hale/PROTOTYPES/reactify-v4.2.0-new/reactify-redux-thunk/node_modules/grpc/src/node/extension_binary/node-v64-darwin-x64-unknown/grpc_node.node—module_name=grpc_node—module_path=/Users/petergartner/Apps/Hale/PROTOTYPES/reactify-v4.2.0-new/reactify-redux-thunk/node_modules/grpc/src/node/extension_binary/node-v64-darwin-x64-unknown’ (1) node-pre-gyp ERR! stack at ChildProcess.<anonymous> (/Users/petergartner/Apps/Hale/PROTOTYPES/reactify-v4.2.0-new/reactify-redux-thunk/node_modules/grpc/node_modules/node-pre-gyp/lib/util/compile.js:83:29) node-pre-gyp ERR! stack at ChildProcess.emit (events.js:182:13) node-pre-gyp ERR! stack at maybeClose (internal/child_process.js:962:16) node-pre-gyp ERR! stack at Process.ChildProcess._handle.onexit (internal/child_process.js:251:5) node-pre-gyp ERR! System CXX Release/obj.target/grpc/deps/grpc/src/core/lib/avl/avl.o Darwin 18.0.0 node-pre-gyp ERR! command ”/usr/local/bin/node” ”/Users/petergartner/Apps/Hale/PROTOTYPES/reactify-v4.2.0-new/reactify-redux-thunk/node_modules/grpc/node_modules/.bin/node-pre-gyp” “install” “-fallback-to-build” “-library=static_library” node-pre-gyp ERR! cwd /Users/petergartner/Apps/Hale/PROTOTYPES/reactify-v4.2.0-new/reactify-redux-thunk/node_modules/grpc node-pre-gyp ERR! node -v v10.13.0 node-pre-gyp ERR! node-pre-gyp -v v0.7.0 node-pre-gyp ERR! not ok Failed to execute ’/usr/local/bin/node /usr/local/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js build—fallback-to-build—library=static_library—module=/Users/petergartner/Apps/Hale/PROTOTYPES/reactify-v4.2.0-new/reactify-redux-thunk/node_modules/grpc/src/node/extension_binary/node-v64-darwin-x64-unknown/grpc_node.node—module_name=grpc_node—module_path=/Users/petergartner/Apps/Hale/PROTOTYPES/reactify-v4.2.0-new/reactify-redux-thunk/node_modules/grpc/src/node/extension_binary/node-v64-darwin-x64-unknown’ (1) CXX Release/obj.target/grpc/deps/grpc/src/core/lib/backoff/backoff.oexec install script make: * No rule to make target `Release/obj.target/grpc/deps/grpc/src/core/lib/channel/channel_args.o’, needed by `Release/libgrpc.a’. Stop. gyp ERR! build error gyp ERR! stack Error: `make` failed with exit code: 2 gyp ERR! stack at ChildProcess.onExit (/usr/local/lib/node_modules/npm/node_modules/node-gyp/lib/build.js:262:23) gyp ERR! stack at ChildProcess.emit (events.js:182:13) gyp ERR! stack at Process.ChildProcess._handle.onexit (internal/child_process.js:240:12) gyp ERR! System Darwin 18.0.0 gyp ERR! command ”/usr/local/bin/node” ”/usr/local/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js” “build” “-fallback-to-build” “-library=static_library” “-module=/Users/petergartner/Apps/Hale/PROTOTYPES/reactify-v4.2.0-new/reactify-redux-thunk/node_modules/grpc/src/node/extension_binary/node-v64-darwin-x64-unknown/grpc_node.node” “-module_name=grpc_node” “—module_path=/Users/petergartner/Apps/Hale/PROTOTYPES/reactify-v4.2.0-new/reactify-redux-thunk/node_modules/grpc/src/node/extension_binary/node-v64-darwin-x64-unknown” gyp ERR! cwd /Users/petergartner/Apps/Hale/PROTOTYPES/reactify-v4.2.0-new/reactify-redux-thunk/node_modules/grpc gyp ERR! node -v v10.13.0 gyp ERR! node-gyp -v v3.8.0 gyp ERR! not ok npm WARN material-ui/<redpre#5> requires a peer of @material-ui/core1.0.0 but none is installed. You must install peer dependencies yourself. npm WARN extract-text-webpack-plugin@3.0.2 requires a peer of webpack@3.1.0 but none is installed. You must install peer dependencies yourself. npm WARN material-ui-pickers@1.0.0-rc.9 requires a peer of material-ui/core1.0.0-rc.0 but none is installed. You must install peer dependencies yourself. npm WARN mui-datatables@2.0.0-beta-32 requires a peer of material-ui/icons3.0.1 but none is installed. You must install peer dependencies yourself. npm WARN react-instantsearch-native@5.2.3 requires a peer of react-native@>= 0.32.0 but none is installed. You must install peer dependencies yourself. npm WARN reactify@4.2.0 No repository field.

npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! grpc@1.10.1 install: `node-pre-gyp install—fallback-to-build—library=static_library` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the grpc@1.10.1 install script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in: npm ERR! /Users/petergartner/.npm/_logs/2018-12-10T08_08_01_335Z-debug.log

Hi,

Thanks for purchasing the template and reporting the issue. You are using node 10.x version which had some compatibility issues with packages used on template, we have updated them and uploaded on themeforest, please download the latest version and check if it works for you.

Thanks

The README.md file for Reactify states -

  1. serve with hot reload at localhost:8080

This is WRONG….it’s actually localhost:3000 as confirmed in the online doc.

Just wasted 2 hours on this…thanks a lot

A careless & sloppy error on your part.

Hello, our theme is not working on IE11 my.audiocont.com

Why? THX!

Hi,

It seems there is either a module or a custom code not supporting IE11, Reactify template is compatible with IE11 and works properly on it http://reactify.theironnetwork.org/

Please send your package.json file at support@theironnetwork.org and we will check if there is any module causes this issue.

Thanks.

Thank you for the support, we send it to you! It is very important

Replied to your mail. Thanks!

Hello

1 .We are planing to purchase regular license first, if template and code works with my project , then planning to update the license to extended plan . is that possible ?

2. And Mentioned in documentation like used both material UI and Bootstrap , Which one used as most in building template.

3.After purchase , if i have any issue in template /code ,what are the mode of contacting support/developer to get help asap ?

4. Im unable find reactify admin template in theironnetwork.org webpage , why it is or im searching in some wrong portal ?

Thanks for showing interest in our template.

1.Yes you can purchase a regular license and extend it later.

2. Reactify uses both material and bootstrap frameworks. bootstrap is majorly used as layout framework, it is used to build pages and building blocks like list grid etc. Material is used for element specific designs, effects and icons.

3.You can contact us directly at support@theironnetwork.org.

Let us know if you have any other queries. Thanks!

Hi, support team! When I try to install this theme to build admin page, it shows me an error.

The problem is from firebase.

Can you help me to install this theme?

Thank you

Hi,

Can you send us the screenshot or logs of the errors you get during installing the theme. You can email us directly at support@theironnetwork.org.

Thanks!

Hi, Just a quick question. The template looks beautiful. I am bit confused if this template includes Sketch file. Doesn’t say in description. :-)

I would like to buy it, don’t need html or other format. Just sketch file.

Can you please let me know?

Many thanks Pat

Good day,

Hope you are well. Thanks for Reactify. Its been great.

I was having issues with something specific. It involves the dark mode. I am unable to customize eg. A material stepper in Dark mode. It looks super awesome on light mode, but most of my development is under light mode.

Is there maybe a class that reverts that particular component to light mode? If so please assist. That would take me a long way.

Thanks, Akhil

Good Day Akhil,

Glad you like the template.

Currently there is no specific class to reverts the particular component to light mode. For do this you need to create it custom.

Thanks! Let us know if you need anything else.

How to install it on brand new Laravel Framework 5.7.15?

I copied/replaces the following files: - /resources/js - package.json - webback.mix.js - welcome.blade.php

When running `npm install` all seems to be ok

But when running `npm run dev` I’ getting list of errors, the first one is:

ERROR in ./resources/js/components/RctCollapsibleCard/RctCollapsibleCard.js
Module build failed: SyntaxError: Unexpected token (13:10)
  11 | class RctCollapsibleCard extends Component {
  12 | 
> 13 |     state = {
     |           ^
  14 |         reload: false,
  15 |         collapse: true,
  16 |         close: false

 @ ./resources/js/routes/dropzone/index.js 21:0-82
 @ ./resources/js/services/_routerService.js
 @ ./resources/js/container/AgencyLayout.js
 @ ./resources/js/container/App.js
 @ ./resources/js/App.js
 @ ./resources/js/index.js
 @ multi ./resources/js/index.js ./resources/sass/app.scss
How can you help?

It works. But I have another issue, by default it’s redirecting to http://website.local/app/dashboard/ecommerce

But when I hit refresh another time, I got 404 not found error. Cause route is not defined as laravel yet I guess. How to link React routes with Laravel?

Hi,

To resolve this issue you just need to add this route at the bottom of your routes/web.php file. Go to the reactify-laravel -> routes directory and open web.php file.

Route::get(‘{any}’, function () { return view(‘welcome’); })->where(‘any’,’.*’);

Thanks! Let us know if it works or not.

Thanks it works but with very small issue.

When trying to access http://lib.local/horizontal/tables/ (with slash at the end), it’s redirecting to http://lib.local/horizontal/tables//basic (double slashes, so no page is rendered)!

“Cannot GET / ” error when i go to the url localhost:3000, please helpme.

We are not judging you, you must have bought the product from another ID, because when we login, envato shows that no product was bought under this ID i.e ef_uzi.

Anyways thanks for purchase code, can you please explain in detail what problem you are facing exactly?

You can also reach us at support@theironnetwork.org.

Thanks!

I have follow the instruction in https://iron-network.gitbook.io/reactify/start-development, i copied folder seed/reactify(redux-saga) to new folder, then I run npm install inside this folder, its run successfully, then I run npm start, and run successfully also. but when I access the browser http://localhost:3000, the broser show white page with text “Cannot GET /”

Hi,

We checked on our end and we didn’t get any issue. Can you elaborate us what changes you did in the project files also add the screenshot of the terminal console. This issue sometime happens when if development server already running on the same port. Please make sure to run the project, port 3000 should be free. If port 300 busy you need to close the application which is using port 3000.

To change the port address check the documentation https://iron-network.gitbook.io/reactify/start-development#change-development-port

Thanks!

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