arturo de la garza
Full-stack web developer, an avid learner, loves to play video games and board games
Arturo De la Garza
@agzertuche
👨💻 🎮 🎲 📚 🍺 ☕
Topic | Duration ⏳ (minutes) |
---|---|
SPFx Basics | 10 |
TypeScript Basics | 10 |
React Basics | 10 |
Excercise part 1 | 90 |
Break | 15 |
Excercise part 2 | 90 |
Examples | 15 |
Components
Props & State
Lifecycle methods
Conditional rendering
React with TypeScript
Set up dev environment
Requirement + Desing
Think in components
Developing the webpart
# make sure node v8.x is installed
node -v
# install global packages
npm install -g yo gulp
npm install -g @microsoft/generator-sharepoint
# create project
yo @microsoft/sharepoint
# answer Yeoman questions...
# wait until the project scaffold is completed
# then run below command from the project directory
gulp trust-dev-cert
# run project
gulp serve
<Nav />
<Headline />
<Slide />
<Controls />
<HeroSlider />
Array of slides
Active slide
Component status
N/A
Title
Description
Categories
N/A
Navigation items
Index of selected item
Select item on click
N/A
go to next slide
15
Config property pane
Component status
Data providers
Deployment process
Loading data... ⏳
Error 😢
Missing configuration 😪
Everything is good 😃
gulp clean
gulp bundle --ship
gulp package-solution --ship
By arturo de la garza
Full-stack web developer, an avid learner, loves to play video games and board games