React with Native

Bringing together React and React Native

README

React with native

react-with-native (

OperationClassification

TODO: Ensure embedding this will embed the actual docs in my markdown renderer. I guess it might already do so!

TODO: It would be great to learn more about this topic and see if I can make more cross-environment packages. A great use case would be to create a wrapper around the current fs-orm to enable using it at the frontend too.

OperationClassification ui-cjs)

Api reference

📄 Div (exported const)

<P />

Input
-
Output	`JSX.Element`

📄 P (exported const)

<Span />

Input
-
Output	`JSX.Element`

📄 Span (exported const)

<Button />

Input
-
Output	`JSX.Element`

📄 Button (exported const)

<Input />

Input
-
Output	`JSX.Element`

📄 Input (exported const)

<Svg />

Input
{ src, width, height, className, style }	`SvgType`
Output	`JSX.Element`

📄 Svg (exported const)

<Form />

Form is just a html form on web. On react-native, it's a View

Input
-
Output	`JSX.Element`

📄 Form (exported const)

Form is just a html form on web. On react-native, it's a View

<A />

Input
-
Output	`JSX.Element`

<H2 />

Input
-
Output	`JSX.Element`

<Image />

Input
-
Output	`JSX.Element`

<Label />

Input
-
Output	`JSX.Element`

<Li />

Input
-
Output	`JSX.Element`

<TextArea />

Input
-
Output	`JSX.Element`

<Ul />

Input
-
Output	`JSX.Element`

📄 A (exported const)

📄 H2 (exported const)

📄 Image (exported const)

📄 Label (exported const)

📄 Li (exported const)

📄 TextArea (exported const)

📄 Ul (exported const)

<ActivityIndicator />

Input
-
Output	`JSX.Element`

<Aside />

Input
-
Output	`JSX.Element`

<Strong />

Input
-
Output	`JSX.Element`

<Text />

Input
-
Output	`JSX.Element`

<Toggle />

Input
-
Output	`JSX.Element`

📄 ActivityIndicator (exported const)

📄 Aside (exported const)

📄 Strong (exported const)

📄 Text (exported const)

📄 Toggle (exported const)

Internal

Show internal (21)

getTailwindModules()

Input
options	{ packages?: string[], modules?: string[], isWorkspace?: boolean, }
Output

<I />

Input
-
Output	`JSX.Element`

joinClassNames()

Input
args	{ }[]
Output

<Nav />

Input
-
Output	`JSX.Element`

<Ol />

Input
-
Output	`JSX.Element`

<Pressable />

button on web, pressable on react-native

Input
-
Output	`JSX.Element`

<Select />

Input
-
Output	`JSX.Element`

<TouchableOpacity />

button on web, pressable on react-native

Input
-
Output	`JSX.Element`

trimClassName()

in react-native not all classNames are supported

Input
className	string
Output	`String`

wrapInTextIfNeeded()

NB: figure out a way to do the styles of the text right.

Input
children	{ }
Output

🔹 SvgType

Properties:

Name	Type	Description
src	object
width (optional)	number
height (optional)	number
className (optional)	string
style (optional)	object

📄 getTailwindModules (exported const)

📄 I (exported const)

📄 joinClassNames (exported const)

📄 Nav (exported const)

📄 Ol (exported const)

📄 Pressable (exported const)

button on web, pressable on react-native

📄 Select (exported const)

📄 TouchableOpacity (exported const)

button on web, pressable on react-native

📄 trimClassName (exported const)

in react-native not all classNames are supported

📄 wrapInTextIfNeeded (exported const)

react-with-native-alert

➡

React with Native

Bringing together React and React Native

GitHub

README

React with native

react-with-native (

OperationClassification

TODO: Ensure embedding this will embed the actual docs in my markdown renderer. I guess it might already do so!

OperationClassification ui-cjs)

Api reference

📄 Div (exported const)

<P />

Input
-
Output	`JSX.Element`

📄 P (exported const)

<Span />

Input
-
Output	`JSX.Element`

📄 Span (exported const)

<Button />

Input
-
Output	`JSX.Element`

📄 Button (exported const)

<Input />

Input
-
Output	`JSX.Element`

📄 Input (exported const)

<Svg />

Input
{ src, width, height, className, style }	`SvgType`
Output	`JSX.Element`

📄 Svg (exported const)

<Form />

Form is just a html form on web. On react-native, it's a View

Input
-
Output	`JSX.Element`

📄 Form (exported const)

Form is just a html form on web. On react-native, it's a View

<A />

Input
-
Output	`JSX.Element`

<H2 />

Input
-
Output	`JSX.Element`

<Image />

Input
-
Output	`JSX.Element`

<Label />

Input
-
Output	`JSX.Element`

<Li />

Input
-
Output	`JSX.Element`

<TextArea />

Input
-
Output	`JSX.Element`

<Ul />

Input
-
Output	`JSX.Element`

📄 A (exported const)

📄 H2 (exported const)

📄 Image (exported const)

📄 Label (exported const)

📄 Li (exported const)

📄 TextArea (exported const)

📄 Ul (exported const)

<ActivityIndicator />

Input
-
Output	`JSX.Element`

<Aside />

Input
-
Output	`JSX.Element`

<Strong />

Input
-
Output	`JSX.Element`

<Text />

Input
-
Output	`JSX.Element`

<Toggle />

Input
-
Output	`JSX.Element`

📄 ActivityIndicator (exported const)

📄 Aside (exported const)

📄 Strong (exported const)

📄 Text (exported const)

📄 Toggle (exported const)

Internal

Show internal (21)

getTailwindModules()

Input
options	{ packages?: string[], modules?: string[], isWorkspace?: boolean, }
Output

<I />

Input
-
Output	`JSX.Element`

joinClassNames()

Input
args	{ }[]
Output

<Nav />

Input
-
Output	`JSX.Element`

<Ol />

Input
-
Output	`JSX.Element`

<Pressable />

button on web, pressable on react-native

Input
-
Output	`JSX.Element`

<Select />

Input
-
Output	`JSX.Element`

<TouchableOpacity />

button on web, pressable on react-native

Input
-
Output	`JSX.Element`

trimClassName()

in react-native not all classNames are supported

Input
className	string
Output	`String`

wrapInTextIfNeeded()

NB: figure out a way to do the styles of the text right.

Input
children	{ }
Output

🔹 SvgType

Properties:

Name	Type	Description
src	object
width (optional)	number
height (optional)	number
className (optional)	string
style (optional)	object

📄 getTailwindModules (exported const)

📄 I (exported const)

📄 joinClassNames (exported const)

📄 Nav (exported const)

📄 Ol (exported const)

📄 Pressable (exported const)

button on web, pressable on react-native

📄 Select (exported const)

📄 TouchableOpacity (exported const)

button on web, pressable on react-native

📄 trimClassName (exported const)

in react-native not all classNames are supported

📄 wrapInTextIfNeeded (exported const)

react-with-native-alert

➡

creating-packages

unsupported-things

react-with-native ‣ react-with-native

react-with-native-alert

react-with-native-form

react-with-native-form-inputs

react-with-native-modal

react-with-native-router

react-with-native-select

react-with-native-store ‣ usage-in-monorepo

packages

▸

apps ‣ markdown-reader-web

dictionary