React-Native-Interview-Preparation

React Native Interview Preparation

Day 1

FlatList Optimizations

• Use keyExtractor

  //Keys help React track items.
  //Using index causes many unnecessary re-renders.
  <FlatList
    keyExtractor={(item) => item.id.toString()}
  />

• Use memo / React.memo for Item Components

  // Prevents re-rendering of items that haven’t changed.
  const RenderItem = React.memo(({ item }) => {
  return <MyCard data={item} />;
  });

• Avoid inline functions

  // Every inline arrow function causes re-renders.
  const renderItem = useCallback(({item}) => <MyCard data={item} />, []);

Installation

Use the package manager pip to install foobar.

pip install foobar

Usage

import foobar

# returns 'words'
foobar.pluralize('word')

# returns 'geese'
foobar.pluralize('goose')

# returns 'phenomenon'
foobar.singularize('phenomena')

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

License

MIT