Learn Microsoft Graph Toolkit interactively with a code tour - Microsoft Tech Co...
source link: https://techcommunity.microsoft.com/t5/microsoft-365-pnp-blog/learn-microsoft-graph-toolkit-interactively-with-a-code-tour/ba-p/2492612?WT_mc_id=DOP-MVP-4025064
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
Learn Microsoft Graph Toolkit interactively with a code tour
Learn interactively how to turn your React app into a Microsoft 365 app with Microsoft Graph Toolkit.
The easiest way to connect your app to Microsoft 365
Using Microsoft Graph Toolkit is the easiest way to connect your app to Microsoft 365. Toolkit's components help you retrieve relevant data from Microsoft 365 and show it in your app in any way you want. And with toolkit's authentication providers, setting up auth is a matter of adding a few lines of code. Never again fiddle with setting up a login, handling access tokens, building web requests, and dealing with errors.
Learn Microsoft Graph Toolkit interactively
To help you learn what Microsoft Graph Toolkit has to offer and how you'd use it in your app, we recently released a new learning path on Microsoft Learn. By following a few learn modules you'll learn everything that you need to know to use the toolkit in your app. But that's not all.
Thinking about the different ways in which people learn, we've launched an experiment - an interactive code tour that you can follow to add Microsoft Graph Toolkit to a React app.
By following the instructions in the tour, you gradually extend an empty React app with Microsoft Graph Toolkit turning it into a true Microsoft 365 app. What's cool about this code tour, is that it puts the code of your app in the center. Rather than reading long-form, you're in the code and get relevant, and in-place tips for building your app.
The Microsoft Graph Toolkit React code tour is a great way to quickly experience how you'd use the toolkit in a React app. We'd love it if you gave it a try and told us what you think. Shall we consider building tours for other technologies and scenarios?
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
%3CLINGO-SUB%20id%3D%22lingo-sub-2492612%22%20slang%3D%22en-US%22%3ELearn%20Microsoft%20Graph%20Toolkit%20interactively%20with%20a%20code%20tour%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2492612%22%20slang%3D%22en-US%22%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20image-alt%3D%22mgt-code-tour-banner.png%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F291901i829961FDBD694E7D%2Fimage-size%2Flarge%3Fv%3Dv2%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22mgt-code-tour-banner.png%22%20alt%3D%22mgt-code-tour-banner.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3ELearn%20interactively%20how%20to%20turn%20your%20React%20app%20into%20a%20Microsoft%20365%20app%20with%20Microsoft%20Graph%20Toolkit.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CH2%20id%3D%22toc-hId--434698180%22%20id%3D%22toc-hId--434698180%22%3EThe%20easiest%20way%20to%20connect%20your%20app%20to%20Microsoft%20365%3C%2FH2%3E%0A%3CP%3EUsing%20%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fgraph%2Ftoolkit%2Foverview%3FWT.mc_id%3Dm365-33009-wmastyka%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EMicrosoft%20Graph%20Toolkit%3C%2FA%3E%20is%20the%20easiest%20way%20to%20connect%20your%20app%20to%20Microsoft%20365.%20Toolkit's%20components%20help%20you%20retrieve%20relevant%20data%20from%20Microsoft%20365%20and%20show%20it%20in%20your%20app%20in%20%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fgraph%2Ftoolkit%2Fcustomize-components%2Ftemplates%3FWT.mc_id%3Dm365-33009-wmastyka%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Eany%20way%20you%20want%3C%2FA%3E.%20And%20with%20toolkit's%20%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fgraph%2Ftoolkit%2Fproviders%2Fproviders%3FWT.mc_id%3Dm365-33009-wmastyka%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Eauthentication%20providers%3C%2FA%3E%2C%20setting%20up%20auth%20is%20a%20matter%20of%20adding%20a%20few%20lines%20of%20code.%20Never%20again%20fiddle%20with%20setting%20up%20a%20login%2C%20handling%20access%20tokens%2C%20building%20web%20requests%2C%20and%20dealing%20with%20errors.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CH2%20id%3D%22toc-hId-2052814653%22%20id%3D%22toc-hId-2052814653%22%3ELearn%20Microsoft%20Graph%20Toolkit%20interactively%3C%2FH2%3E%0A%3CP%3ETo%20help%20you%20learn%20what%20Microsoft%20Graph%20Toolkit%20has%20to%20offer%20and%20how%20you'd%20use%20it%20in%20your%20app%2C%20we%20recently%20released%20a%20new%20%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Flearn%2Fpaths%2Fm365-msgraph-toolkit%2F%3FWT.mc_id%3Dm365-33009-wmastyka%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Elearning%20path%3C%2FA%3E%20on%20Microsoft%20Learn.%20By%20following%20a%20few%20learn%20modules%20you'll%20learn%20everything%20that%20you%20need%20to%20know%20to%20use%20the%20toolkit%20in%20your%20app.%20But%20that's%20not%20all.%3C%2FP%3E%0A%3CP%3EThinking%20about%20the%20different%20ways%20in%20which%20people%20learn%2C%20we've%20launched%20an%20experiment%20-%20an%20%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2Fmicrosoftgraph%2Fmgt-react-codetour%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Einteractive%20code%20tour%3C%2FA%3E%20that%20you%20can%20follow%20to%20add%20Microsoft%20Graph%20Toolkit%20to%20a%20React%20app.%3C%2FP%3E%0A%3CP%3E%3CPICTURE%3E%20%3CSOURCE%20srcset%3D%22%2Fassets%2Fimages%2F2021%2F06%2Fmgt-code-tour.webp%22%20type%3D%22image%2Fwebp%22%3E%3C%2FSOURCE%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20image-alt%3D%22mgt-code-tour.png%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F291902iBF1D8C8144DA31DF%2Fimage-size%2Flarge%3Fv%3Dv2%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22mgt-code-tour.png%22%20alt%3D%22mgt-code-tour.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FPICTURE%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EBy%20following%20the%20instructions%20in%20the%20tour%2C%20you%20gradually%20extend%20an%20empty%20React%20app%20with%20Microsoft%20Graph%20Toolkit%20turning%20it%20into%20a%20true%20Microsoft%20365%20app.%20What's%20cool%20about%20this%20code%20tour%2C%20is%20that%20it%20puts%20the%20code%20of%20your%20app%20in%20the%20center.%20Rather%20than%20reading%20long-form%2C%20you're%20in%20the%20code%20and%20get%20relevant%2C%20and%20in-place%20tips%20for%20building%20your%20app.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EThe%20Microsoft%20Graph%20Toolkit%20React%20code%20tour%20is%20a%20great%20way%20to%20quickly%20experience%20how%20you'd%20use%20the%20toolkit%20in%20a%20React%20app.%20We'd%20love%20it%20if%20you%20gave%20it%20a%20try%20and%20told%20us%20what%20you%20think.%20Shall%20we%20consider%20building%20tours%20for%20other%20technologies%20and%20scenarios%3F%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2Fmicrosoftgraph%2Fmgt-react-codetour%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3ETry%20the%20Microsoft%20Graph%20Toolkit%20React%20code%20tour%3C%2FA%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-TEASER%20id%3D%22lingo-teaser-2492612%22%20slang%3D%22en-US%22%3E%3CP%3ELearn%20interactively%20how%20to%20turn%20your%20React%20app%20into%20a%20Microsoft%20365%20app%20with%20Microsoft%20Graph%20Toolkit.%3C%2FP%3E%3C%2FLINGO-TEASER%3E%3CLINGO-LABS%20id%3D%22lingo-labs-2492612%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EGetting%20started%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E
Jun 28 2021 06:46 AM
Recommend
-
80
md4rd - Mode for Reddit Read Reddit interactively from within Emacs. CHANGELOG.md Why the odd name? See th...
-
107
md4rd - Mode for Reddit Read Reddit interactively from within Emacs. CHANGELOG.md Why the odd name? See th...
-
51
dimmer.el - Interactively highlight which buffer you're in, by dimming the others.
-
37
Learn JavaScript - Learn JavaScript interactively & step by step - NEXT
-
12
Learn Git Rebase Interactively If you’ve ever wondered what a rebase is, then you could try and read up on it and understand it from the man pages. Many people struggle with this, and I was among them. The man pages have been improv...
-
6
Learn interactively how to turn your React app into a Microsoft 365 app with Microsoft Graph Toolkit. The easiest way to connect your app to Microsoft 365 Using
-
6
Bliss for the lazy developer : the MS Graph Toolkit "A good developer is a lazy developer". That's something I've been told in the past. You shoul...
-
6
Announcing Microsoft Graph Toolkit v3.0 preview-1 Sébasti...
-
5
More happiness for the lazy developer: MS Graph toolkit with HTML Last blogpost showed how to use the MS Graph Toolkit for getting info from the g...
-
6
CodeGuidedLearn web develo...
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK