From the course: Microsoft Office Add-Ins for Developers
Unlock the full course today
Join today to access over 23,100 courses taught by industry experts.
An example in React
From the course: Microsoft Office Add-Ins for Developers
An example in React
- [Instructor] So I'm back to buy add-ins directory and I'm going to run yo office again, and this time, I'm going to choose the React framework. Let's call this one demo4react and I'm going to choose Word again, and as before, it very quickly scaffolds out the project, and then uses NPM Install to get all the dependencies. And now I can go into the directory that we just created, four, and I will start up Visual Studio Code. So now I can start up Visual Studio Code in this directory, and we can see what we have. So as usual, we have a manifest file, nothing really changes here, and then in this source directory, this is where we start with our application. In this case it's called index.tsx, and I'm just looking down here for Office initialize on line 27, and that's going to call this method render and pass it a parameter called App. Let's look at the render method. That starts on line 17 here and it's being passed a component which will be App, and then we have this React Dom.render…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
(Locked)
Open web development toolchain3m 7s
-
(Locked)
Create an add-in with Yeoman7m 4s
-
(Locked)
Sideload your add-in on the web4m 22s
-
(Locked)
The Angular framework59s
-
(Locked)
An example in Angular3m 42s
-
(Locked)
The React framework2m 14s
-
(Locked)
An example in React6m 24s
-
(Locked)
Office UI Fabric3m 45s
-
(Locked)
Design guidelines2m 58s
-
(Locked)
Design toolkit4m 26s
-
(Locked)
Consuming external services4m 27s
-
(Locked)
-
-
-
-
-