ignite VS react-content-loader

Jamon Holmgren, CTO at Infinite Red, joins Nick Taylor to discuss the Ignite project, https://github.com/infinitered/ignite, a battle-tested React Native boi...

You'll learn lot more without Expo. It makes things lot easier/faster but will give you problems later. I recommend you to start with cli, and if you want to avoid tedious tasks of setting up things, go ahead with Ignite or another boilerplate that has already all the basic libraries set up (react navigation, state, UI, etc.) so you just can begin with your project logic/code https://github.com/infinitered/ignite

You should check out the react native boilerplate by Ignite: https://github.com/infinitered/ignite

I recently picked up react native, though I had a good amount of experience with React already and much of it is similar. Except for working with the file system and tooling.

One good boilerplate I’d recommend having a look at is https://github.com/infinitered/ignite not a course but possibly a good resource to learn from.

Check out React Native Ignite

I've been using the Ignite boilerplate (with Expo enabled) and I'm quite happy with it. It contains everything I need, nicely structured.

What's great about is that you can design your loading screens on their site: https://skeletonreact.com/

React Content Loader - SVG-Powered component to easily create placeholder loadings (like Facebook’s cards loading).

This is a Vue port for react-content-loader.

TL;DR; You can reduce the number of queries you make on listing pages by loading content as it gets displayed. Use react-intersection-observer to detect when an element becomes visible and react-content-loader to display a contentful placeholder loader.

I use https://github.com/danilowoz/react-content-loader can create skeletons with svgs. might sound confusing at first but it works well, is performant and does the job. https://skeletonreact.com/ Firstly check this website out see if they already have what you need in their presets

I eventually ended up combining react-intersection-observer and react-content-loader to create a progressive loading experience where elements get loaded as they become visible to users.

The current UX trend is to use some kind of a placeholder animation while loading pieces of UI. react-content-loader is a popular npm package for this use case. It is customizable, supports react and react-native, has some bundled presets, and actually supports SVG animation out of the box.