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 d7d473f3ee React twitter (#1118) 
* React Twitter Timeline web part

* typo in readme
 		2020-02-10 11:34:03 +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 React twitter (#1118) 2020-02-10 11:34:03 +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 page-sections-navigation-client-side-solution
    • edit a page
    • add Page Sections Navigation web part
    • add as much Page Sections Navigation Anchor web parts as you want - each anchor adds an item to the navigation
    • configure web parts

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.