Solid React SDK#

Inrupt provides a Solid React SDK solid-ui-react to help developers create Solid applications.

solid-ui-react consists of:

Authentication components	To help you log in and log out of an identity provider.
Data components	To help you view and edit individual properties or view a sortable and filterable table of multiple things.
Context providers and hooks	To help simplify development when using functional programming.

Getting Started#

To get started with Inrupt’s Solid React SDK, see:

Explore a Sample Application	Locally set up a provided sample application that uses the Solid React SDK.
Installation	Install using `npm`.
Components API	Play with the Solid React SDK components in Storybook. In the Storybook, the Solid React SDK components are grouped into categories; e.g. `Authentication`, `Components`, and `Providers`. Click on a component. The Canvas displays a rendered view. The Canvas for a component may also include: Controls panel. For components that take arguments, you can update the argument values in the Controls panel and see it rendered in the Canvas. Actions panel. The Actions panel displays a list of callbacks that have occurred; for example, an `onSave` or `onError` event. Story panel. The Story panel contains the source of the example. The Docs displays documentation for the component, including the code. For more information on Storybook, see the Storybook Documentation at storybook.js.org.
GitHub	View the Solid React SDK source on GitHub.

Inrupt’s Solid React SDK is built on top of the following JavaScript client libraries:

Library	Description
`solid-client`	A client library for accessing data stored in Solid Pods.
`solid-client-authn`	A set of libraries for authenticating to Solid identity servers.
`vocab-common-rdf`	A library that provides convenience objects for many RDF-related identifiers.

Bugs and Feature Requests (Product): For public feedback, bug reports, and feature requests, please file an issue via GitHub.

Bugs and Feature Requests (Documentation): To report a documentation bug or make a documentation request, please use the feedback widget to create a ticket.

Solid Community Forum: If you have questions about working with Solid or just want to share what you’re working on, visit the Solid forum. The Solid forum is a good place to meet the rest of the community.