History

Hugo Bernier 7ed51a0838 Updated sample JSON		2021-03-15 03:48:14 -04:00
..
assets	Updated sample JSON	2021-03-15 03:48:14 -04:00
config	Upgraded to latest AdaptiveCards	2020-08-24 23:10:55 -04:00
sharepoint/assets	Delete preview.png	2020-04-27 22:33:23 -04:00
src	Upgraded to latest AdaptiveCards	2020-08-24 23:10:55 -04:00
teams	react-adaptivecards-hooks sample	2020-04-27 20:50:30 -05:00
.editorconfig	react-adaptivecards-hooks sample	2020-04-27 20:50:30 -05:00
.gitignore	react-adaptivecards-hooks sample	2020-04-27 20:50:30 -05:00
.yo-rc.json	Upgraded solution to SPFx 1.11	2020-08-25 21:44:20 -04:00
README.md	Update README.md	2020-11-08 23:13:49 -05:00
gulpfile.js	react-adaptivecards-hooks sample	2020-04-27 20:50:30 -05:00
package-lock.json	Upgraded solution to SPFx 1.11	2020-08-25 21:44:20 -04:00
package.json	Upgraded solution to SPFx 1.11	2020-08-25 21:44:20 -04:00
tsconfig.json	Upgraded solution to SPFx 1.11	2020-08-25 21:44:20 -04:00
tslint.json	react-adaptivecards-hooks sample	2020-04-27 20:50:30 -05:00

README.md

Adaptive Cards using React Hooks

Summary

A version of react-adaptivecards using React Hooks.

Used SharePoint Framework Version

Applies to

Solution

Solution	Author(s)
react-adaptivecards-hooks	Paul Schaeflein (http://www.schaeflein.net)
react-adaptivecards-hooks	Hugo Bernier (Tahoe Ninjas, @bernier)

Version history

Version	Date	Comments
1.0	April 27, 2020	Initial release
2.0	August 25, 2020	Upgraded to SPFx 1.11 and added support for May 2020 changes to Adaptive Cards

Disclaimer

THIS CODE IS PROVIDED AS IS WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.

Minimal Path to Awesome

Clone this repository
in the command line run:
- npm install
- gulp serve

Code structure

File	Type	Description
AdaptiveCardViewerWebPart.ts	React Class component (derives from BaseWebPart)	Used to define web part properties and bootstrap the component tree
RootComponent.tsx	React Function component	Interrogates webpart properties and establishes AppContext and initial state. Monitors CardService state and dispatches updates to viewer state.
AppContext.ts	React context provider	Exposes the SPFx webpart context, the webpart instance and the state dispatch to all components via `React.useContext()`
CardService.ts	React Hook	Abstracts the SP HttpClient
CardServiceReducer.ts	React Reducer	Reducer/state for CardService hook
AdaptiveCardViewer.tsx	React Function component	Top-level UI component.
AdaptiveCardHost.tsx	React Function component	Renders placeholder if template/data are missing. Handles card actions.
AdaptiveCard.tsx	React Class component	Responsible for rendering adaptive card and expanding card with data