Skip to content

Commit ff013f4

Browse files
committed
docs(storybook): add textrenderer preview, refactor and improve layout
1 parent b9e740f commit ff013f4

File tree

2 files changed

+228
-114
lines changed

2 files changed

+228
-114
lines changed

README.md

Lines changed: 9 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
# react-text-renderer-components
22

3-
! MANAGE YOUR DATA, NOT THEIR STRING REPRESENTATION !
3+
⚡ MANAGE YOUR DATA OBJECTS, NOT THEIR STRING REPRESENTATION ⚡
44

55
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_.
66

@@ -31,6 +31,7 @@ Please read the [CHANGELOG](./CHANGELOG.md) (all changes since the beginning) an
3131
- `DateTimeRenderer` component ([Storybook → DateTimeRenderer](https://khatastroffik.github.io/react-text-renderer-components/?path=/docs/components-datetimerenderer--datetimerenderer-documentation))
3232
- `WeekRenderer` component ([Storybook → WeekRenderer](https://khatastroffik.github.io/react-text-renderer-components/?path=/docs/components-weekrenderer--weekrenderer-documentation))
3333
- `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))
3435

3536
more components to come... (see the ToDos below)
3637

@@ -105,7 +106,7 @@ This design allows to avoid repetitions, reduce the size of the compiled code us
105106

106107
- ✅ `WeekRenderer` component
107108
- ✅ `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...)
109110
- ⬛ `CurrencyRenderer` component
110111
- ⬛ `CustomRenderer` component i.e the text formating function may be provided from the parent application/component using the CustomRenderer.
111112

@@ -294,6 +295,12 @@ npm install -D jest @testing-library/react ts-jest @types/jest ts-node @testing-
294295
- https://github.com/inttter/md-badges
295296
- https://shields.io/badges/dynamic-json-badge
296297

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+
297304
### Divers
298305

299306
- https://www.pluralsight.com/resources/blog/guides/how-to-return-plain-text-from-a-react-component

0 commit comments

Comments
 (0)