https://github.com/rescript-react-native/flash-list

https://github.com/rescript-react-native/flash-list

Last synced: 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/rescript-react-native/flash-list
• Owner: rescript-react-native
• License: mit
• Created: 2025-04-19T17:56:18.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2025-04-19T21:43:17.000Z (8 months ago)
• Last Synced: 2025-10-17T07:39:31.860Z (2 months ago)
• Language: ReScript
• Size: 109 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# `@rescript-react-native/flash-list`

[![Build Status](https://github.com/rescript-react-native/flash-list/workflows/Build/badge.svg)](https://github.com/rescript-react-native/flash-list/actions)

[![Version](https://img.shields.io/npm/v/@rescript-react-native/flash-list.svg)](https://www.npmjs.com/@rescript-react-native/flash-list)

[![ReScript Forum](https://img.shields.io/discourse/posts?color=e6484f&label=ReScript%20Forum&server=https%3A%2F%2Fforum.rescript-lang.org)](https://forum.rescript-lang.org/)

[ReScript](https://rescript-lang.org) bindings for

[`flash-list`](https://github.com/Shopify/flash-list).

Exposed as `FlashList` module.

`@rescript-react-native/flash-list` X.y.\* means it's compatible with

`@shopify/flash-list` X.y.\*

## Installation

When

[`@shopify/flash-list`](https://github.com/Shopify/flash-list)

is properly installed & configured by following their installation instructions,

you can install the bindings:

```console

npm install @rescript-react-native/flash-list

# or

yarn add @rescript-react-native/flash-list

```

`@rescript-react-native/flash-list` should be added to `bs-dependencies` in your

`rescript.json`:

```diff

{

  //...

  "bs-dependencies": [

    "@rescript/react",

    "rescript-react-native",

    // ...

+    "@rescript-react-native/flash-list"

  ],

  //...

}

```

## Usage

### Methods

#### ``

```rescript

open ReactNative;

@react.component

let make = () => {

   item["id"]}

    renderItem={({item}) =>

      

         {item["name"]->React.string} 

      }

  />

}

```

---

## Changelog

Check the [changelog](./CHANGELOG.md) for more informations about recent

releases.

---

## Contribute

Read the

[contribution guidelines](https://github.com/rescript-react-native/.github/blob/master/CONTRIBUTING.md)

before contributing.

## Code of Conduct

We want this community to be friendly and respectful to each other. Please read

[our full code of conduct](https://github.com/rescript-react-native/.github/blob/master/CODE_OF_CONDUCT.md)

so that you can understand what actions will and will not be tolerated.