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-twitter
History
Alex Terentiev 90a98a3ec4
readme update for Twitter and PnP ListView Field Controls samples (#1171) 		2020-03-12 14:52:39 +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 readme update for Twitter and PnP ListView Field Controls samples (#1171) 2020-03-12 14:52:39 +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.