Stack Overflow
Stack Overflow

Questions tagged [react-boilerplate]

React Boilerplate - A highly scalable, offline-first foundation with the best developer experience and a focus on performance and best practices.

214 questions
16
votes
3 answers

Update CSS Module variables from Javascript

I'm using a (now older) version of react-boilerplate which came with CSS Modules. What's nice about them is that you can create variables and import them in other CSS files. Here's my colors.css file :root { /* Status colors */ --error:…
NateW
  • 2,434
  • 4
  • 22
  • 40
16
votes
1 answer

Embedding react-boilerplate in Rails 5.1

Has anyone tried integrating react-boilerplate into a Ruby on Rails 5.1 app? It looks like the 5.1 approach to embedding React components in views is fairly simple. Rails 5.1 is using webpacker which has its approach to mixing Ruby configuration…
Reed G. Law
  • 3,651
  • 1
  • 33
  • 75
11
votes
3 answers

Favicon in React will not Update

I cannot update the favicon in react boilerplate. I replaced the file in images/app/favicon.ico with my own file, but I'm still seeing the old icon show up. I cleared my browser cache, ran npm run build:clean, and npm run build. Can't get my new…
Liver
  • 263
  • 1
  • 3
  • 18
7
votes
3 answers

Css classname not applied to react component

I appreciate your time and help. I spent hours trying to figure this out can't seem to get to the bottom of it. I have this react component: import styles from './style.scss'; class ButtonComponent extends React.Component { render() { return…
johnwick0831
  • 752
  • 8
  • 21
6
votes
2 answers

Utilizing environment variables in firebase-messaging-sw.js in React Boilerplate

This is my firebase-messaging-sw.js file. What i require is to fetch environment variables from my .env file. Either directly or indirectly. I have tried other answers available here but to no avail. I am using React boilerplate and those answers…
Umer Qureshi
  • 65
  • 6
6
votes
1 answer

React Boilerplate : Uncaught RangeError: Maximum call stack size exceeded

I am getting the error of Uncaught RangeError: Maximum call stack size exceeded because of the following reason : npm.babel.e5824bbfde6f57781e4f.chunk.js:1 @babel/polyfill is loaded more than once on this page. This is probably not…
Dhaval Soni
  • 195
  • 1
  • 12
6
votes
1 answer

react-boilerplate authentication login page flashes on page reload

I'm working on an app with a login page and the rest of the pages of the app (should be logged in to view). I'm using react-boilerplate. From this example, I edited my asyncInjectors.js file to have redirectToLogin and redirectToDashboard…
dork
  • 3,438
  • 2
  • 20
  • 46
5
votes
1 answer

Server Side rendering in React boilerplate

I am using a boilerplate for react application https://www.reactboilerplate.com/ It doesn't provide SSR and now for SEO purpose I need that. Can anybody help me to implement SSR in this boilerplate
Bhawna
  • 684
  • 1
  • 10
  • 28
5
votes
0 answers

ERROR in main.xxx.js from UglifyJs Invalid assignment [main.xxx.js:114163,30]

When running the command: npm run build I get this error: clean-webpack-plugin: ..../internals/webpack/build has been removed. Hash: e392cba8ffe45d4ccf3e Version: webpack 3.5.5 Time:…
waz
  • 860
  • 11
  • 25
5
votes
5 answers

How to run React Boilerplate with forever

I'm going to run react-boilerplate application forever in the server. I found forever and I'm not sure how I pass parameters to forever. The command to run server is like following: PORT=80 npm run start:production Seems like forever start PORT=80…
Smart Solutions
  • 741
  • 1
  • 7
  • 25
4
votes
1 answer

How to add multiple sagas to a single container (both saga listen to different actions)

So, I'm new to react-boilerplate and there seems no way to include another saga without effecting the previous saga's functionality (i.e. it doesn't work). I've tried declaring the sagas as a constant and then passing it in the compose function at…
Lenvin Gonsalves
  • 43
  • 6
4
votes
1 answer

How to add a public folder to react-boilerplate webpack config?

I'm setting up a new web app using react and its boilerplate the react-boilerplate. Now I want to add a public folder in the root that contains the index.html as well as the robot.txt .htaccess files and some external js libraries. Can someone…
Nader Zouaoui
  • 135
  • 1
  • 12
4
votes
1 answer

Pass parameters from the root saga to the action dispatched

I have a simple saga. The Idea is to listen the action REQUESTS_OWNERSHIP_EDIT to be dispatched from the store and run submit submitOwnerships(ownerships) that is supposed to submit the ownership params to the server. I'm confused about how to get…
TWONEKSONE
  • 2,858
  • 3
  • 14
  • 26
4
votes
1 answer

DropdownButton, MenuItem from "react-bootstrap";

Here where to put the onSelect into the MenuItem or into the DropdownButton. In this simple example when user select menuitem its not reflected into the dropdownbutton. Is there any example on onSelect or onChange ?
…
amitpowerpeace
  • 95
  • 2
  • 4
4
votes
0 answers

Make sure saga is injected before actions are dispatched

I'm having some bad time with saga injection in my app, sometimes saga is loaded before the action is dispatched and everything works, sometimes the action is fired and no saga effect is triggered. I'm using pretty standard code, here's my…
Dario
  • 5,440
  • 8
  • 31
  • 39
1
2 3
…
14 15