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.

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!

I have already this selector

export const makeSelectCart = () =>
  createSelector(
    selectHome,
    substate => substate.cart,
  );

Where communities thrive

People

Repo info

Activity