Skip to content

Commit 772303f

Browse files
authored
English language correction and improvement (#59)
Text is now almost the same as https://github.com/table-library/react-table-library Corrected some minor grammar errors. Corrected some spelling mistakes. Improved the style. Removed some less common wording. Simplified the style.
1 parent 4123956 commit 772303f

File tree

1 file changed

+12
-12
lines changed

1 file changed

+12
-12
lines changed

.storybook/stories/Introduction/installation.story.mdx

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -17,13 +17,13 @@ import { Meta } from '@storybook/addon-docs';
1717
[![Star][github-star-badge]][github-star]
1818
[![Sponsor][github-sponsor-badge]][github-sponsor]
1919

20-
React Table Library -- an almost headless table library -- which prioritzes:
20+
React Table Library -- an almost headless table library -- which prioritizes:
2121

2222
- opt-in feature richness
2323
- built-in themes and custom theming
24-
- server-side operations as first-class citizen
24+
- server-side operations as first-class citizens
2525
- small library size
26-
- developer experience
26+
- pleasant developer experience
2727
- TypeScript support
2828
- SSR support
2929

@@ -91,26 +91,26 @@ const Component = () => {
9191

9292
## The Problem
9393

94-
You find yourself looking for a fitting table component which solves your problem, but you cannot find the one solution which comes with all the desired features yet stays customisable for a pleasant developer experience. Personally I ran into this problem myself after working with lots of different React table components -- from UI libraries but also as standalone libraries -- and none of them felt right to me. After working on React tables for three different clients of mine over the past year, I decided to roll my own solution for them. I came to the conclusion that the React ecosystem needs another table library -- which does things right.
94+
You are looking for a suitable table component to solve your problem, but you cannot find any one solution which comes with all your desired features and is still customizable for a pleasant developer experience. I myself ran into this problem after working with many different React table components -- from UI libraries but also from standalone libraries -- and none of them felt right to me. After working on React tables for three different clients over the past year, I decided to create my own solution for my clients. I came to the conclusion that the React ecosystem needs yet another table library -- which does it better.
9595

9696
## The Solution
9797

98-
In 2020, [Robin Wieruch](https://www.robinwieruch.de) created React Table Library in collaboration with [Big Ladder Software](https://bigladdersoftware.com/). After working with different table libraries to fit their needs, they decided to roll their own solution with the following subjects in mind ...
98+
In 2020, [Robin Wieruch](https://www.robinwieruch.de) created React Table Library in collaboration with [Big Ladder Software](https://bigladdersoftware.com/). After working with different table libraries to fit their needs, they decided to create their own solution with the following objectives in mind ...
9999

100-
- **Composition over Configuration:** React Table Library is built with <a href="https://www.robinwieruch.de/react-component-composition/">composition</a> in mind. Forget about all the table components which need huge configuration objects.
101-
- **Feature Rich:** Whether you are looking for bulk selecting, paginated fetches or a tree table, React Table Library comes with lots of advanced features.
102-
- **Highly Customisable:** React Table Library attempts to give you freedom on how to compose your table. From providing your own icon to using a button in a table cell, you gain full control about what's getting rendered.
103-
- **Server-Side as First-Class Citizen:** React Table Library is built with server-side capabilities in mind, because fetching all data at once and doing only client-side operations should not be the status quo for modern applications.
100+
- **Composition over Configuration:** React Table Library is built with <a href="https://www.robinwieruch.de/react-component-composition/">composition</a> in mind. Forget about all those other table components which need a huge configuration object.
101+
- **Feature Rich:** Whether you are looking for bulk selecting, paginated fetches, or a tree table, React Table Library comes with many advanced features.
102+
- **Highly Customizable:** React Table Library gives you the freedom to choose how to compose your table. From providing your own icons to using a button in a table cell, you have full control over what is being rendered.
103+
- **Server-Side Operations as First-Class Citizens:** React Table Library is built with server-side capabilities in mind, because fetching all the data in one go and only doing client-side operations should not be the modus operandi for a modern application.
104104

105105
## How is this different from other React Table Libraries?
106106

107107
There are two kinds of table libraries for React: heavyweight and lightweight.
108108

109-
On the one side of the spectrum, there are **heavyweight table libraries** which are often shipped by UI libraries such as MUI X. These tables have all batteries included, however, they often lack in modern concepts such as composition over configuration, customization, extensibility and first-class server-side operations. When you have to create one giant configuration object for one giant table component, you know that you are working with a heavyweight table library.
109+
At one end of the spectrum, there are heavyweight table libraries which are often shipped by UI libraries such as MUI X. These tables have all the bells and whistles included, however, they often fail to use modern concepts such as composition over configuration, customization, extensibility, and server-side operations as first-class citizens. When you have to create one giant configuration object for one giant table component, then you know that you are working with a heavyweight table library.
110110

111-
On the other side of the spectrum, there are **lightweight table libraries**. The most popular one is React Table which is a great library and at the time the status quo in the React community. I very much like this library and used it myself, however, when creating complex tables (read: server-side operations, customizations, feature compositions) from scratch, I always felt like re-inventing the wheel all the time, because I didn't receive enough handholding from the library.
111+
At the other end of the spectrum, there are lightweight table libraries. The most popular one is React Table which is a great library and at the time was the go-to library in the React community. I very much like this library and used it myself, however, when creating complex tables (read: server-side operations, customizations, feature compositions) from scratch, I felt that I was re-inventing the wheel every time, because I did not receive enough support from the library.
112112

113-
With **React Table Library** I wanted to have something in between heavyweight and lightweight. I wanted to give developers enough handholding for various built-in features, enable them to perform more complex server-side operations, while still keeping them all the flexibility to create their custom table with a composable approach by using components and hooks. I hope you like this library as well and give it a chance for your next project!
113+
With React Table Library I wanted to create something between heavyweight and lightweight. I wanted to give developers enough support for various built-in features to enable them to perform more complex server-side operations, while still giving them all the flexibility to create their own custom table with a composable approach by using components and hooks. I hope you like this library as well and try it out for your next project! It takes less than ten minutes to test the power of React Table Library.
114114

115115
[version-badge]: https://img.shields.io/npm/v/@table-library/react-table-library
116116
[package]: https://www.npmjs.com/package/@table-library/react-table-library

0 commit comments

Comments
 (0)