honeymoose
/
sp-dev-fx-webparts
mirror of https://github.com/pnp/sp-dev-fx-webparts.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
sp-dev-fx-webparts/samples/react-adaptivecards-hooks
History
Hugo Bernier 82598c094f Added links to issue templates 2021-04-26 02:08:59 -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 Added links to issue templates 2021-04-26 02:08:59 -04: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.

Adaptive Cards in SharePoint

Used SharePoint Framework Version

1.11.0

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 web part properties and establishes AppContext and initial state.
Monitors CardService state and dispatches updates to viewer state.
AppContext.ts React context provider Exposes the SPFx web part context, the web part 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