Merge pull request #2367 from DonKirkham/react-functional-component-with-data-fetch-upgrade-1.14.0
react-functional-component-with-data-fetch upgraded SPFx v1.14.0
This commit is contained in:
Hugo Bernier
GitHub
commit
a0e25e64bd
|
|
@ -1,7 +1,7 @@
|
|||
// For more information on how to run this SPFx project in a VS Code Remote Container, please visit https://aka.ms/spfx-devcontainer
|
||||
{
|
||||
"name": "SPFx 1.13.1",
|
||||
"image": "docker.io/m365pnp/spfx:1.13.1",
|
||||
"name": "SPFx 1.14.0",
|
||||
"image": "docker.io/m365pnp/spfx:1.14.0",
|
||||
// Set *default* container specific settings.json values on container create.
|
||||
"settings": {},
|
||||
// Add the IDs of extensions you want installed when the container is created.
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"@microsoft/generator-sharepoint": {
|
||||
"version": "1.13.1",
|
||||
"version": "1.14.0",
|
||||
"libraryName": "teams-tracker",
|
||||
"libraryId": "f5a39f0e-c504-4969-8e47-1ed85d9f8a68",
|
||||
"environment": "spo",
|
||||
|
|
|
|||
|
|
@ -4,12 +4,12 @@
|
|||
|
||||
This web part demonstrates building a React functional component that uses data from a remote service, in this case the Microsoft Graph, using the React Hooks feature. The example web part renders a list of the user's Teams and, optionally, the channels in each Team.
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
## Compatibility
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
@ -38,6 +38,7 @@ Version|Date|Comments
|
|||
-------|----|--------
|
||||
1.0|June 14, 2019|Initial release
|
||||
2.0|February 15, 2022|Upgrade to SPFx v1.13.1
|
||||
2.1|February 21, 2022|Upgrade to SPFx v1.14.0
|
||||
|
||||
## Minimal Path to Awesome
|
||||
|
||||
|
|
@ -55,7 +56,7 @@ Version|Date|Comments
|
|||
|
||||
The purpose of this web part is to demonstrate building a React functional component that includes state and data fetched from a remote service. This is achieved using the recent React Hooks feature. The resulting code is cleaner and easier to follow than using a JavaScript/TypeScript class derived from React.Component. The example web part renders a list of the user's Teams and, if enabled, a list of the Teams channels for each Team with a link to the channel.
|
||||
|
||||
|
||||
|
||||
|
||||
This is an extension of the approach used in the [React-Functional-Component](https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-functional-component) and [React-Functional-Stateful-Component](https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-functional-stateful-component) samples.
|
||||
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 40 KiB After Width: | Height: | Size: 40 KiB |
|
Before Width: | Height: | Size: 52 KiB After Width: | Height: | Size: 52 KiB |
|
|
@ -9,7 +9,7 @@
|
|||
"This web part demonstrates building a React functional component that uses data from a remote service, in this case the Microsoft Graph, using the recently introduced React Hooks feature. The example web part renders a list of the user\u0027s Teams and, optionally, the channels in each Team."
|
||||
],
|
||||
"creationDateTime": "2019-06-14",
|
||||
"updateDateTime": "2022-02-15",
|
||||
"updateDateTime": "2022-02-21",
|
||||
"products": [
|
||||
"SharePoint"
|
||||
],
|
||||
|
|
@ -20,14 +20,14 @@
|
|||
},
|
||||
{
|
||||
"key": "SPFX-VERSION",
|
||||
"value": "1.13.1"
|
||||
"value": "1.14.0"
|
||||
}
|
||||
],
|
||||
"thumbnails": [
|
||||
{
|
||||
"type": "image",
|
||||
"order": 100,
|
||||
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-functional-component-with-data-fetch/Screenshot.png",
|
||||
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-functional-component-with-data-fetch/assets/Screenshot.png",
|
||||
"alt": "React Functional Component web part with data fetch"
|
||||
}
|
||||
],
|
||||
|
|
|
|||
|
|
@ -3,18 +3,38 @@
|
|||
"solution": {
|
||||
"name": "teams-tracker-client-side-solution",
|
||||
"id": "f5a39f0e-c504-4969-8e47-1ed85d9f8a68",
|
||||
"version": "2.0.0.0",
|
||||
"developer": {
|
||||
"name": "",
|
||||
"privacyUrl": "",
|
||||
"termsOfUseUrl": "",
|
||||
"websiteUrl": "",
|
||||
"mpnId": "SPFx-1.13.1"
|
||||
},
|
||||
"version": "2.1.0.0",
|
||||
"includeClientSideAssets": true,
|
||||
"isDomainIsolated": false
|
||||
"skipFeatureDeployment": true,
|
||||
"isDomainIsolated": false,
|
||||
"developer": {
|
||||
"name": "",
|
||||
"privacyUrl": "",
|
||||
"termsOfUseUrl": "",
|
||||
"websiteUrl": "",
|
||||
"mpnId": "SPFx-1.14.0"
|
||||
},
|
||||
"metadata": {
|
||||
"shortDescription": {
|
||||
"default": "teams-tracker description"
|
||||
},
|
||||
"longDescription": {
|
||||
"default": "teams-tracker description"
|
||||
},
|
||||
"screenshotPaths": [],
|
||||
"videoUrl": "",
|
||||
"categories": []
|
||||
},
|
||||
"features": [
|
||||
{
|
||||
"title": "teams-tracker Feature",
|
||||
"description": "The feature that activates elements of the teams-tracker solution.",
|
||||
"id": "8d5b3cd2-a043-40e6-9229-44ad307fd36f",
|
||||
"version": "2.1.0.0"
|
||||
}
|
||||
]
|
||||
},
|
||||
"paths": {
|
||||
"zippedPackage": "solution/teams-tracker.sppkg"
|
||||
}
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
|
|
@ -10,11 +10,11 @@
|
|||
"test": "gulp test"
|
||||
},
|
||||
"dependencies": {
|
||||
"@microsoft/sp-core-library": "1.13.1",
|
||||
"@microsoft/sp-lodash-subset": "1.13.1",
|
||||
"@microsoft/sp-office-ui-fabric-core": "1.13.1",
|
||||
"@microsoft/sp-property-pane": "1.13.1",
|
||||
"@microsoft/sp-webpart-base": "1.13.1",
|
||||
"@microsoft/sp-core-library": "1.14.0",
|
||||
"@microsoft/sp-lodash-subset": "1.14.0",
|
||||
"@microsoft/sp-office-ui-fabric-core": "1.14.0",
|
||||
"@microsoft/sp-property-pane": "1.14.0",
|
||||
"@microsoft/sp-webpart-base": "1.14.0",
|
||||
"@pnp/common": "^1.3.3",
|
||||
"@pnp/graph": "^1.3.3",
|
||||
"@pnp/logging": "^1.3.3",
|
||||
|
|
@ -28,9 +28,9 @@
|
|||
},
|
||||
"devDependencies": {
|
||||
"@microsoft/rush-stack-compiler-3.9": "0.4.47",
|
||||
"@microsoft/sp-build-web": "1.13.1",
|
||||
"@microsoft/sp-module-interfaces": "1.13.1",
|
||||
"@microsoft/sp-tslint-rules": "1.13.1",
|
||||
"@microsoft/sp-build-web": "1.14.0",
|
||||
"@microsoft/sp-module-interfaces": "1.14.0",
|
||||
"@microsoft/sp-tslint-rules": "1.14.0",
|
||||
"@types/es6-promise": "0.0.33",
|
||||
"@types/react": "16.9.51",
|
||||
"@types/react-dom": "16.9.8",
|
||||
|
|
|
|||
Loading…
Reference in New Issue