React Boilerplate - A highly scalable, offline-first foundation with the best developer experience and a focus on performance and best practices.
Questions tagged [react-boilerplate]
214 questions
4
votes
1 answer
react-boilerplate sagas for new route
In the sample sagas of react-boilerplate, sagas are exported as an array:
export function* defaultSaga() {
}
export default [
defaultSaga,
];
The default is then injected in routes.js:
...
injectSagas(sagas.default);
...
However, when I added…
![](../../users/profiles/769326.webp)
dork
- 3,438
- 2
- 20
- 46
4
votes
3 answers
Module parse failed: error: semantic/dist/semantic.min.css Unexpected character '@' (11:0)
I use the current version of react-boilerplate (which uses webpack) and installed Semantic-UI-React like described in the official docs http://react.semantic-ui.com/usage
When I start the server I get:
Server started ! ✓
Access…
![](../../users/profiles/1323481.webp)
StandardNerd
- 3,583
- 5
- 34
- 65
4
votes
3 answers
Redux-Saga is running twice for a single action
I have a saga to handle like requests. The user clicks a button to toggle the liked status of a photo.
The saga listens for an action of type SUBMIT_LIKE. My problem is that the submitLikeSaga is running twice for each SUBMIT_LIKE action.
e.g. In…
![](../../users/profiles/4244982.webp)
sheepdog
- 617
- 5
- 16
4
votes
1 answer
How do I fix `npm install` errors with react-boilerplate?
When I run npm install from a react-boilerplate project several of my 3rd party modules give off errors like you see below. All these modules work fine in other node projects, just not in react-boilerplate. Does anyone know how to fix these?
ERROR…
![](../../users/profiles/1131595.webp)
Jason Leach
- 3,158
- 4
- 30
- 48
3
votes
1 answer
Proper Way in Fetching Initial Data in React Boilerplate Container
I am new with React Boilerplate and am using containers and saga to fetch initial data of a page. I am faced with 2 problems when implementing this.
UsersPage\index.js
// imported all sagas, etc
export function UsersPage({
dispatch,
usersPage,
…
![](../../users/profiles/643366.webp)
Heru S
- 1,143
- 1
- 14
- 25
3
votes
0 answers
Refused to execute JS chunk because of invalid MIME Type issue in Reactjs
Issue statement:
Refused to execute script from 'https://something.test.in/21.13888aeefb423ea1abff.chunk.js' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled.
Possible package responsible for…
![](../../users/profiles/5174659.webp)
Dhara Vihol
- 502
- 2
- 20
3
votes
0 answers
react + styled-components: inline data SVG in pseudo-class breaks styling
In an app derived from react-boilerplate using styled-components 3.3.2 I am trying to display SVGs in pseudo-classes like this:
import arrowDown from 'images/ico-arrow-down.svg'
import arrowUp from 'images/ico-arrow-up.svg'
const Tab = styled.div`
…
![](../../users/profiles/2523254.webp)
gl03
- 967
- 9
- 14
3
votes
1 answer
Why are default states on redux initialized to false instead of empties?
I am not sure if this is common practice, but while I was going through the highly popular react-boilerplate app I noticed that the default value of the store keys were always getting set to false regardless of whether the actual type is Array,…
![](../../users/profiles/1409180.webp)
nikjohn
- 16,079
- 9
- 45
- 78
3
votes
0 answers
How do I access the Twitter API from my website to display my latest tweet?
Background:
I'm using the react-boilerplate to build a personal website, and I would like to display my latest tweet in the footer. I do not want the embedded card, only the tweet itself (similar to the Momentum extension).
This appears to be what I…
![](../../users/profiles/5826353.webp)
Phunkren
- 78
- 5
3
votes
1 answer
substate.get() is not a function using React Boilerplate
I have a component called Login, and these selectors:
const selectLogin = () => (state) => state.get('login');
const selectUser = () => createSelector(
selectLogin(),
(loginState) => loginState.get('user')
);
Here's what state looks like for…
![](../../users/profiles/1420748.webp)
James Bowler
- 1,526
- 1
- 13
- 23
3
votes
3 answers
How to create Anchor Tag in react-router?
I am using react-boilerplate (3.4.0) with react-router internally for the routing.
I have tried to create a Link with : < a href="#anchor-tag" >< /a >
When I click on it I expect to scroll to the div with id=anchor-tag
It just scroll to the top of…
![](../../users/profiles/6823413.webp)
Adrien Gadaud
- 119
- 1
- 11
3
votes
1 answer
Redux-saga with Internet Explorer
I have a React app using redux-saga in IE 11
It seems to be breaking with the following error
Note that this app works perfectly fine in Chrome for versions of last 3 years and in Safari as well (aside for some display issues)
sagas.js
// functions…
![](../../users/profiles/3403972.webp)
dowjones123
- 3,233
- 5
- 34
- 72
3
votes
2 answers
react-boilerplate+grommet, making sass work with webpack
I am very new to JSLand and React. I have more than 10 years of exp in Python and flask with primary focus on backend and very little HTML+JS however zero CSS. I started on react and js about 6 weeks ago and made simple apps using react which did…
![](../../users/profiles/2767799.webp)
user2767799
- 43
- 6
2
votes
1 answer
reset redux store on logout when using react-injectors
I have the same problem as addressed in the following question. but with a different library.
How to reset the state of a Redux store?
I am using redux-injectors from react-boilerplate and am using the enhancers provided from the library.
I need to…
![](../../users/profiles/3336971.webp)
Prateek
- 720
- 5
- 19
2
votes
0 answers
Is there any OSS projects that manage React / NodeJS + Express CRUD app with PostgreSQL?
I have MERN ( Mongo SailsJS React NodeJS ) app. After reviewing the code, there is a quite poor quality, pages are not well thought, and each change I would have to make in the future will be hard. Besides, I may want to switch SailJS for Express,…
![](../../users/profiles/1956558.webp)
Juliatzin
- 14,437
- 26
- 115
- 241