feat: add a convenience alias export <It> for <Iterate> (#19)

Author: shtaif

spec/tests/Iterate.spec.tsx

@@ -1,14 +1,18 @@
 import { it, describe, expect, afterEach, vi } from 'vitest';
 import { gray } from 'colorette';
 import { render, cleanup as cleanupMountedReactTrees, act } from '@testing-library/react';
-import { Iterate, type IterationResult } from '../../src/index.js';
+import { Iterate, It, type IterationResult } from '../../src/index.js';
 import { IterableChannelTestHelper } from '../utils/IterableChannelTestHelper.js';
 
 afterEach(() => {
   cleanupMountedReactTrees();
 });
 
 describe('`Iterate` component', () => {
+  it(gray('Importable also as `<It>`'), () => {
+    expect(Iterate).toStrictEqual(It);
+  });
+
   it(
     gray(
       'When used in the no-render-function form and given an iterable that yields a value will render correctly'

src/Iterate/index.tsx

@@ -4,8 +4,8 @@ import { useAsyncIter, type IterationResult } from '../useAsyncIter/index.js';
 export { Iterate, type IterateProps };
 
 /**
- * The `<Iterate>` helper component is used to format and render an async iterable (or a plain non-iterable value)
- * directly onto a piece of UI.
+ * The `<Iterate>` helper component (importable also as `<It>`) is used to format and render an async iterable
+ * (or a plain non-iterable value) directly onto a piece of UI.
  *
  * Essentially wraps a single {@link useAsyncIter `useAsyncIter`} hook call into a component
  * conveniently.

src/index.ts

@@ -7,6 +7,7 @@ export {
   useAsyncIter,
   type IterationResult,
   Iterate,
+  Iterate as It,
   type IterateProps,
   iterateFormatted,
   type FixedRefFormattedIterable,