sp-dev-fx-webparts/samples/react-twitter
petkir 71f6469fa0 URL dev.office.com to docs.microsoft.com 2020-06-09 09:09:22 +02:00
..
assets React twitter (#1118) 2020-02-10 11:34:03 +02:00
config React twitter (#1118) 2020-02-10 11:34:03 +02:00
src React twitter (#1118) 2020-02-10 11:34:03 +02:00
teams React twitter (#1118) 2020-02-10 11:34:03 +02:00
.editorconfig React twitter (#1118) 2020-02-10 11:34:03 +02:00
.gitignore React twitter (#1118) 2020-02-10 11:34:03 +02:00
.yo-rc.json React twitter (#1118) 2020-02-10 11:34:03 +02:00
README.md URL dev.office.com to docs.microsoft.com 2020-06-09 09:09:22 +02:00
gulpfile.js React twitter (#1118) 2020-02-10 11:34:03 +02:00
package-lock.json React twitter (#1118) 2020-02-10 11:34:03 +02:00
package.json React twitter (#1118) 2020-02-10 11:34:03 +02:00
tsconfig.json React twitter (#1118) 2020-02-10 11:34:03 +02:00
tslint.json React twitter (#1118) 2020-02-10 11:34:03 +02:00

README.md

React Twitter Timeline

Sample web part to display Twitter timeline

Twitter timeline

Used SharePoint Framework Version

drop

Applies to

Solution

Solution Author(s)
react-twitter-client-side-solution AJIXuMuK

Version history

Version Date Comments
1.0 January 20, 2020 Initial release

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 repo
  • move to right folder
  • in the command line run:
    • npm install
    • gulp bundle --ship
    • gulp package-solution --ship
  • from the sharepoint/solution folder, deploy the .sppkg file to the App catalog in your tenant
  • in the site where you want to test this solution
    • add the app named react-twitter-client-side-solution
    • edit a page
    • add Twitter Feed web part
    • configure web part

Features

This sample illustrates how to use react-twitter-embed module to display Twitter timeline of specific profile, likes, list, collection or url. It also uses PnP React Controls and PnP Property Controls for rich web part and property pane components.