|
1 | 1 | # react-text-renderer-components |
2 | 2 |
|
3 | | -! MANAGE YOUR DATA, NOT THEIR STRING REPRESENTATION ! |
| 3 | +⚡ MANAGE YOUR DATA OBJECTS, NOT THEIR STRING REPRESENTATION ⚡ |
4 | 4 |
|
5 | 5 | This is a zero-dependencies component library providing a set of (pure) text rendering utility components. Those components are accepting common and custom data/field types as input and are rendering their text representation _automatically_. |
6 | 6 |
|
@@ -31,6 +31,7 @@ Please read the [CHANGELOG](./CHANGELOG.md) (all changes since the beginning) an |
31 | 31 | - `DateTimeRenderer` component ([Storybook → DateTimeRenderer](https://khatastroffik.github.io/react-text-renderer-components/?path=/docs/components-datetimerenderer--datetimerenderer-documentation)) |
32 | 32 | - `WeekRenderer` component ([Storybook → WeekRenderer](https://khatastroffik.github.io/react-text-renderer-components/?path=/docs/components-weekrenderer--weekrenderer-documentation)) |
33 | 33 | - `QuarterRenderer` component ([Storybook → QuarterRenderer](https://khatastroffik.github.io/react-text-renderer-components/?path=/docs/components-quarterrenderer--quarterrenderer-documentation)) |
| 34 | +- `TextRenderer` component ([Storybook → TextRenderer](https://khatastroffik.github.io/react-text-renderer-components/?path=/docs/components-textrenderer--textrenderer-documentation)) |
34 | 35 |
|
35 | 36 | more components to come... (see the ToDos below) |
36 | 37 |
|
@@ -105,7 +106,7 @@ This design allows to avoid repetitions, reduce the size of the compiled code us |
105 | 106 |
|
106 | 107 | - ✅ `WeekRenderer` component |
107 | 108 | - ✅ `QuarterRenderer` component |
108 | | -- ⬛ `TextRenderer` component (with text manipulation like UpperCase, LowerCase, Replace...) |
| 109 | +- ✅ `TextRenderer` component (with text manipulation like UpperCase, LowerCase, SnakeCase, KebabCase, CamelCase, PascalCase, toBase64, fromBase64...) |
109 | 110 | - ⬛ `CurrencyRenderer` component |
110 | 111 | - ⬛ `CustomRenderer` component i.e the text formating function may be provided from the parent application/component using the CustomRenderer. |
111 | 112 |
|
@@ -294,6 +295,12 @@ npm install -D jest @testing-library/react ts-jest @types/jest ts-node @testing- |
294 | 295 | - https://github.com/inttter/md-badges |
295 | 296 | - https://shields.io/badges/dynamic-json-badge |
296 | 297 |
|
| 298 | +### Base64 |
| 299 | + |
| 300 | +- https://developer.mozilla.org/de/docs/Web/API/Window/btoa#unicode-zeichenfolgen |
| 301 | +- https://developer.mozilla.org/de/docs/Web/API/DOMException#invalidcharactererror |
| 302 | +- https://web.dev/articles/base64-encoding?hl=de#put_it_all_together |
| 303 | + |
297 | 304 | ### Divers |
298 | 305 |
|
299 | 306 | - https://www.pluralsight.com/resources/blog/guides/how-to-return-plain-text-from-a-react-component |
|
0 commit comments