React TL;DR #12 – Top React Content From September 2020
After a short summer break, we are up and running again! 💪
Introducing the New JSX Transform
Upgrading to the new transform is completely optional, but it has a few benefits:
- With the new transform, you can use JSX without importing React.
- Depending on your setup, its compiled output may slightly improve the bundle size.
- It will enable future improvements that reduce the number of concepts you need to learn React.
Guidelines to improve your React folder structure
- On testing
- Naming your component files
- Separate your pages from your components
- Keep styled components in your component files
- Split things out only when you need to
- [Advanced] Split up your codebase by team
What To (Re)Watch From React Native Europe 2020
- Cool libraries to try out
- Measure and solve your performance issues
- Testing your application further
- Getting comfortable with the Native part
- Getting comfortable with the internals
React State Management Today
What’s Wrong with State Management Libraries?
- Steep learning curve: In order to effectively implement Redux, developers need to get familiarized with concepts and terms including selectors, reducers, actions, mapStateToProps, and much more.
- Restructuring business logic: Introducing Redux requires a centralized store and taking the business logic away from React components to actions and reducers, which contradicts React’s component based approach.
- Too much boilerplate: The file structure and flow complexity throughout a Redux app can be intimidating and difficult for React developers to learn.
- No Concurrent Mode support: React is soon releasing Concurrent Mode and Redux currently does not have support for this.
Will Next.js Take Over Gatsby?
- If we consider Gatsby, we can get the maximum out of it if we are using it to build a small-scale website.
- When it comes to large-scale projects, I suggest you use Next.js.
- However, this doesn’t mean Next.js is not good for small applications. It supports both.
- In Next.js you can easily combine static site generation and server-side rendering
Stay updated with the newest React TL;DR.
What is React TL;DR?
React TL;DR helps you decide which content is worth your time.
We don’t use any engines or tools. It is all selected by ourselves, based on what we have learned and gained profit from. No b#$%it provided.
Say hello to React TL;DR – your filter for most useful React content.