react-conditional-rendering-component v1.0.0

React Conditional Rendering

This is an extremely simple react component for conditional rendering. It's React implementation of SolidJS <Show> component.

Example of use:

import {useEffect, useState} from 'react';
import Show from '../index';

const Example = () => {
	const [isReady, setIsReady] = useState<boolean>(false);
	const [data, setData] = useState<string>();

	useEffect(() => {
		const timeout = setTimeout(() => {
			setIsReady(true);
			setData('Test data');
		});

		return () => {
			clearTimeout(timeout);
		}
	}, [])

	return (
		<>
			<Show when={isReady} fallback={'Loading...'}>
				{data}
			</Show>
		</>
	)
}

export default Example;