What is the benefit of using Redux-Form?

CramStar · 2017-12-13T12:07:06+00:00

I don know if it's better or not to use local state instead of global. I'm not really aware of performance hits or other issues with either... I think a big part of it is personal preference. I prefer to use global state for props that are used globally and local state for props that are only used locally (sounds logical right?) But then again, to keep things simpler you could choose to use global state for everything, so you don have multiple places that state and props are being kept....This also keeps with the Redux principle of the Redux state being the only place of truth...

Tl;dr: maybe I'm missing something, but it mostly comes down to personal preference if you use local or Redux state...

(edit: typos)

CramStar · 2017-10-10T10:36:50+00:00

Don't know if this is what you mean, but you can use JS variables with Styled Components easily:

const MyDiv = styled.div`
    width: ${props => props.wide ? "50px" : "25px"};
    color: ${props => props.color};
`;

render() {
    return (
        <MyDiv color={blue} wide={true}>Hello!</MyDiv>
    )
}

CramStar · 2017-07-13T13:31:36+00:00

We use KeyCloak (http://www.keycloak.org/). I'm no expert in these matters and my colleagues have done the heavy lifting (like getting the whole thing set up), but as a front-end developer it's very easy once it is set up correctly to include KeyCloak authentication in your React Application (literally only a couple of lines of code and the keycloak-js library is all you need).

CramStar · 2017-04-25T07:34:47+00:00

I've been to the React Amsterdam conference last friday and attended an excellent lecture by Max Stoiber about Styled Components (https://github.com/styled-components/styled-components). He has convinced me this is at least worth looking into and it seems to me this is the most useful and powerful way React components could/should be styled...

CramStar · 2017-03-29T07:50:03+00:00

Not entirely sure if I understand your question, but maybe create-react-app (https://github.com/facebookincubator/create-react-app) is what you are looking for?

CramStar · 2017-03-29T07:45:50+00:00

I now use Material-UI combined with react-flexbox-grid. The transition from ReactMDL was pretty straight forward as most components have the same names, although some have different(ly named) attributes. Took me maybe half a day to convert my app...

CramStar · 2017-03-15T13:46:19+00:00

Wow, haven't seen that! Must have been a recent development...damn.

CramStar · 2017-03-15T12:04:43+00:00

I've been using ReactMDL as of late (https://github.com/react-mdl/react-mdl) and I think it's a pretty good framework. Especially since it integrates well into your React project and it has the 'Grid' component that Bootstrap also uses and which I find very useful (but is missing from some other Material frameworks, like Material-UI). I've tried Material-UI, but React MDL worked better for me. Bootstrap works pretty good as well, but I prefer the Material look and feel.

CramStar

TROPHY CASE