mxstbr/react-boilerplate

:fire: Quick setup for performance orientated, offline-first React.js applications featuring Redux, hot-reloading, PostCSS, react-router, ServiceWorker, AppCache, FontFaceObserver and Mocha.

Jacques Nel

@jacques-trixta_gitlab

hi can anyone tell me why the boilerplate dll was removed in the latest version?

Just want some insight and what was the replacement? cant find it anywhere in the docs

stock1232

@stock1232

I would like to set NODE_ENV to stage so that my code can select a different api endpoint. I would like to test this with a production build. I thought I could do this in the package.json file:

"build:stg": "cross-env NODE_ENV=stage webpack --config internals/webpack/webpack.prod.babel.js --color -p --progress --hide-modules --display-optimization-bailout"

webpack would do a production build with the NODE_ENV set to stage. In my webpack.base.babel.js I have this

new webpack.DefinePlugin({
'process.env': {
NODE_ENV: JSON.stringify(process.env.NODE_ENV),

so when my webpack production configurations uses the base, I thought it would set process.env.NODE_ENV to stage. However, when I console.log(process.env.NODE_ENV) it in my app, I get production. Is this being set anywhere else in the webpack config files? I can't seem to find it.

Ghulam Hussain

@ghulamhussain

in react boiler plate i am having an issue while loading fonts <script type="text/javascript" src="fonts/20180409.js" ></script> the issue is Uncaught SyntaxError: Unexpected token <

Dimitri KOPRIWA

@kopax

https://paste.gnome.org/pndb7xusy => How can I test that every css returned by these function is valid for styled-components ?

Reni

@reni1111

Hello

i am a react developer with some expereince in react (made some few projects)

can anyone tell me 1-3 reasons why should i use this boilerplate and how it helps the expereinced programmers

tariq-rasheed

@tariq-rasheed

Hi, First time page load is very slow, about 15 seconds. I explored and came to know that it would be fine if i user server-side rendering. Can anyone help me to achieve fast first page-load. I've no experience with server-side rendering.

SathyaVenkat

@sathyapulse_twitter

Hello,

Is it possible to access the environment variables in the index.html? Thanks in advance.

cloudstr21

@cloudstr21

Hi,

is anybody experienced deployed this boilerplate to iis server?

i just deployed empty boilerplate and see the blank page only

this is the some information from the browser console :

The script from “http://localhost/runtime.5fe103ed48f174380b38.js” was loaded even though its MIME type (“text/html”) is not a valid JavaScript MIME type.[Learn More]

Loading failed for the <script> with source “http://localhost/runtime.5fe103ed48f174380b38.js”.

anybody who has experienced with iis server, please help me.

santilin

@santilin

santilin

@santilin

It looks like there is no much movement over here!

Troy Zarger

@tzarger

Yeah not much. Here and there.

santilin

@santilin

Three questions from a beginner:

1) Why is not react-boilerplate listed here: https://github.com/facebook/create-react-app#popular-alternatives

2) Why is react-boilerplate using the deprecated '@babel/polyfill' package

3) Is this the right place to ask these questions?

Bhoomi Khanderia

@bhoomikhanderia

Hi
I created a react app using create-react-app, but className={} give me error
'classes' is not defined no-undef
Any help will be appreciated. Thanks

setiawanh

@setiawanh

Hi... I am new to react-boilerplate..

I have a route:

In my containers/app/index.js

How can I get the ":id" parameter from my CategoryFormPage container? I tried to use "useParams" but it gives me an error.

Jacques Nel

@jacques-trixta_gitlab

@setiawanh check your props for your container, there should be a match prop. match.params.id

setiawanh

@setiawanh

Thank you @jacques-trixta_gitlab . How do we get props in the container? I tries to use this.props but it says 'this' is undefined.

export function CategoryFormPage({...}) { ... } is how my container looks like.

Jacques Nel

@jacques-trixta_gitlab

@setiawanh Thats a stateless component. and will not have this.props. Unless the Component extends React.Component its just a function and you need to pass the props down to that container

@setiawanh I think the latest version of the boilerplate removes stateful components and makes use of hooks, the new approach to do React. Unfortunately, I have not made use of this yet.

setiawanh

@setiawanh

Hi @jacques-trixta_gitlab I got it figured out.. apparently, I just need to add CategoryFormPage({ ..., match }) { const id = match.params.id; ... } to get it...

Thanks alot for your help!

irahgis

@irahgis

Hi There ! I'm new to react-boilerplate I read the ENTIRE doc but I did not find anything about some CLI commands. Is anyone could help me please

Abdul Hakim

@Abdulhakimsg

Hi guys

I have been trying very add to add localfonts without the use of styled-components

anyone has any experience with this and would gladly help?

Abdul Hakim

@Abdulhakimsg

been having a headache cause of this

irahgis

@irahgis

@Abdulhakimsg just read the docs -> Adding a new font -> https://github.com/react-boilerplate/react-boilerplate/tree/master/docs/general#adding-a-new-font

irahgis

@irahgis

Hi there ! Is anyone knows how to make React Boilerplate compatible with older browsers like Chrome 30.0.0 please ? (As Express do)

benstitou

@benstitou

Hello,
Any help for making pwa version of this boilerplate with service worker ? @michaelcuneo @howardya @howardya

Michael Cuneo

@michaelcuneo

@benstitou I believe this channel for react-boilerplate is dead. It shoud have been removed over a year ago. The new channel is react-boilerplate on Spectrum Chat, which was another chat app made by Max Stoiber & colleagues.

@benstitou When you say …. making it a PWA version, with service worker? It’s already a boilerplate for a PWA… and it already has a service worker. There are many things you would need to add before it became fully PWA compliant though. I use react-responsive for responsive layouts so that it works on all devices. I add all of the meta information for allowing it to be saved to the home screen, etc...

@benstitou I have a version of react-boilerplate that I use for nearly every project I work on these days, with most of these provisions already set up so I can just continue turning it into an app… I’ll make it public soon and link you.

Michael Cuneo

@michaelcuneo

@benstitou https://spectrum.chat/react-boilerplate?tab=posts … here’s where the help sits these days.

Michael Cuneo

@michaelcuneo

@benstitou obviously the sw.js doesn’t become a thing until you build, and publish it somewhere. Because it doesn’t need the serviceworker to run locally.

sanjib12

@sanjib12

HI I'm using react-boilerplate. I wanted to mock websocket in dev server like normal api call.

can anybody help me please

Daniel Malik

@fronbasal

Hey! Does anyone know how to include redux-persist (or a similiar lib such as redux-offline) in react-boilerplate?

Jorge Gómez

@jorexe

Hey guys, how are you? I’m having an issue with selectors, i think there is something i don’t understand. I have the following state

{
  home: {
    cart: {
      id1: 3,
      id2: 4
    }
  }
}

And i want to make a selector for amount of products by id. But i’m not sure how can i adapt this https://github.com/reduxjs/reselect#accessing-react-props-in-selectors to my solution. Can anybode help me with this? Thanks!

Where communities thrive

People

Repo info

Activity