docs: update README.md file

Author: dohooo

README.md

@@ -16,23 +16,15 @@ English | [简体中文](./README.zh-CN.md)
 
 <br/>
 
-## Here comes the official edition！
+## ReactNative community's best use of the carousel component! 🎉🎉🎉
 
-`v1` has been born, now the carousel will be more natural, and fixed various bugs in the 0.x version, this library will continue to maintain, rest assured to use! [come and experience](https://snack.expo.dev/@zhaodonghao586/simple-carousel) 🎉🎉🎉
-
-Updates：
-
--   Reconstructed some logic, sliding animation more smooth, natural
--   timingConfig -> springConfig （The configuration of the 'duration' property is no longer supported by this configuration）
--   [...](https://github.com/dohooo/react-native-reanimated-carousel/releases/tag/v1.0.0)
+- It completely solves this [problem](https://github.com/meliorence/react-native-snap-carousel/issues/632) for `react-native-snap-carousel`!  More styles and apis in development...
+- **Simple**、**Infinitely scrolling very smooth**、**Fully implemented using Reanimated 2!**
 
 ## Reason
 
-🎉 **It completely solves [this problem](https://github.com/meliorence/react-native-snap-carousel/issues/632) for `react-native-snap-carousel`! Simple、Infinitely scrolling very smooth、Fully implemented using Reanimated 2!**
-
-> The common RN infinite scroll component. It's common to get stuck on a fast slide. Wait for the next element to appear. This component will not have similar problems. That's why this library was created.
+The common RN infinite scroll component. It's common to get stuck on a fast slide. Wait for the next element to appear. This component will not have similar problems. That's why this library was created.[Try it with SNACK](https://snack.expo.dev/@zhaodonghao586/simple-carousel)
 
-> At present, it only meets the needs of my work. Welcome to raise PR/ISSUES.[Try it with snack](https://snack.expo.dev/@zhaodonghao586/simple-carousel)
 
 <p align="center">
   Use react-native-snap-carousel for quick swiping,you can see caton clearly when you reach the junction.(gif 4.6mb)
@@ -72,28 +64,21 @@ If use EXPO managed workflow please ensure that the version is greater than 41.B
 
 ## Usage
 
-```typescript
+```tsx
 import Carousel from 'react-native-reanimated-carousel';
 
-// ...
-
 <Carousel<{ color: string }>
-    width={width}
+    width={ width }
     data={[{ color: 'red' }, { color: 'purple' }, { color: 'yellow' }]}
     renderItem={({ color }) => {
-        return (
-            <View
-                style={{
-                    backgroundColor: color,
-                    justifyContent: 'center',
-                    flex: 1,
-                }}
-            />
-        );
+        return <View style={{ backgroundColor: color, flex: 1}}/>
     }}
 />;
 ```
 
+## Optimize
+- When rendering a large number of elements, you can use the 'windowSize' property to control how many sides of the current element are rendered. The default is full rendering. After testing without this property, frames will drop when rendering 200 empty views. After setting this property, rendering 1000 empty views is still smooth. (The specific number depends on the phone model tested)
+
 ## Props
 
 | name                    | required | default        | types                                                                        | description                                                                                                                    |

README.zh-CN.md

@@ -16,23 +16,17 @@
 
 <br/>
 
-## 正式版来了！
+## ReactNative社区最好用的轮播图组件! 🎉🎉🎉
 
-`v1`已经诞生，现在轮播图的滚动将会更加自然，并且修复了 0.x 版本中出现的各种 bug，此库将会持续维护，放心使用！ [快来体验](https://snack.expo.dev/@zhaodonghao586/simple-carousel) 🎉🎉🎉
+- 完全解决了`react-native-snap-carousel`的[问题](https://github.com/meliorence/react-native-snap-carousel/issues/632)!  更多样式与API正在开发中...
+- **易用**、**无限滚动**、**完全使用 Reanimated2 实现**    
 
-更新：
 
--   重构了部分逻辑，滑动动画更加流畅、自然
--   timingConfig -> springConfig （此配置不再支持对`duration`属性的配置）
--   [...](https://github.com/dohooo/react-native-reanimated-carousel/releases/tag/v1.0.0)
 
+  
 ## 原因
+常见的无限滚动轮播图，在快速滑动时会出现卡住的情况，这是因为实现方式而导致的问题。这个组件用了不同的方式来实现，解决了这个问题，这就是创建这个库的原因。[在 SNACK 上尝试](https://snack.expo.dev/@zhaodonghao586/simple-carousel)
 
-🎉 **完全解决了`react-native-snap-carousel`的[这个问题](https://github.com/meliorence/react-native-snap-carousel/issues/632)! 易用、无限滚动、完全使用 Reanimated2 实现**
-
-> 常见的无限滚动轮播图，在快速滑动时会出现卡住的情况，这是因为实现方式而导致的问题。这个组件用了不同的方式来实现，解决了这个问题，这就是创建这个库的原因。
-
-> 目前他只满足了我工作上的需要，欢迎大家的 ISSUES/PR。[在 SNACK 上尝试](https://snack.expo.dev/@zhaodonghao586/simple-carousel)
 
 <p align="center">
   使用react-native-snap-carousel快速滑动，当到连接处时可以看清楚的看到卡顿。(gif 4.6mb)
@@ -72,28 +66,22 @@ npm install react-native-reanimated-carousel
 
 ## 使用
 
-```typescript
+```tsx
 import Carousel from 'react-native-reanimated-carousel';
 
-// ...
-
 <Carousel<{ color: string }>
-    width={width}
+    width={ width }
     data={[{ color: 'red' }, { color: 'purple' }, { color: 'yellow' }]}
     renderItem={({ color }) => {
-        return (
-            <View
-                style={{
-                    backgroundColor: color,
-                    justifyContent: 'center',
-                    flex: 1,
-                }}
-            />
-        );
+        return <View style={{ backgroundColor: color, flex: 1}}/>
     }}
 />;
 ```
 
+## 优化
+- 当渲染大量元素时，可使用`windowSize`属性，来控制当前元素的两侧渲染数量，默认为全量渲染。经测试不加此属性，渲染200个空view时会出现掉帧情况，设置此属性后渲染1000个空view依旧流畅。（具体数量与测试的手机型号相关）
+
+
 ## Props
 
 | name                    | required | default        | types                                                                        | description                                                                                                                  |