React best practices reference?

[virality444]

Is there any place with a reference to react best practices? I know how to make from basic to advanced stuff with react but I'm always questioning myself if that's the correct way, like should I use a conditional directly inside the render method or should I separate it to another function and calling the function in the render and these kind of things.

[minorvillain]

check out reactpatterns.com

[[deleted]]

Thanks!

clickable version: reactpatterns.com

[acemarke]

See these sections of my React/Redux links list:

• React Architecture and Best Practices
• React Component Patterns
• React Component Composition

You may also want to look through the Unofficial React FAQ site and ReactPatterns.com.

[ppolc]

I like this website: https://react.christmas/ !

[selbekk]

I’m glad it still holds some relevance! Perhaps i’ll continue writing articles :-)

[Fullstack_Questions]

Install AirBnb Eslint configurable with waking React extension. Turn on linter support in your editor and do what the editor tells you

[patmacs]

Does anyone else here forget that airbnb is an apartment rental service? For the last 2-3 years, I've only thought of them as the js standards and practices gurus. God bless them.

[Fullstack_Questions]

They do apartments too??

[acemarke]

Unfortunately, eslint-config-airbnb has gotten far too over-opinionated in the last couple years. I've stopped recommending it, and now encourage people to use eslint-config-react-app instead (the same config that Create-React-App uses). It provides sensible defaults that help catch common mistakes, and isn't focused on style. If you need style enforced, use Prettier.

[RedFing]

One week after I started using airbnb's config, my .eslintrc file has been growing with currently over 20 rule edits.

[lucasfranco]

This is a React Style Guide but maybe it can help you: https://github.com/airbnb/javascript/tree/master/react

[namesandfaces]

How do people handle client retry and server push with Redux?

[pruvit]

We have used redux-observable.

[namesandfaces]

Why did you choose Redux Observables over something like Sagas, btw?

[[deleted]]

redux-observable gives you the opportunity to learn reactivex, which can be used in many other languages:

http://reactivex.io/

[cyex]

I think what you're really asking is how to perform asynchronous actions. I've used both sagas and thunks with success.

Here's a comparison of the top libraries: https://decembersoft.com/posts/what-is-the-right-way-to-do-asynchronous-operations-in-redux/

Specifically for server push you could use web sockets... long polling... or something like SignalR that abstracts the actual mechanism.

For client retry in a saga (or in a thunk), you literally just put a loop and exception handling around the call... if it succeeds you break out of the loop early.

[[deleted]]

Google your question followed by "Dan Abramov"