English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 4 Hours | 658 MB
Updated5/1/2018
Meteor and React are a powerhouse combination. Meteor gives you a fast, easy-to-use solution for data management across clients and servers, and React gives you a way to structure your app’s UI from reusable components. The combination allows you to create your dream apps: dynamic, data driven, and cross-platform. This project-based course walks you step-by-step through the development of a complete React/Meteor app for managing the players and performance of an international soccer team. Follow along with Emmanuel Henri as he shows how to set up your development environment for the first time, develop a player view in React, use Meteor’s back-end capabilities to code player and team logic, build charts to track player stats, and add user registration. Plus, learn how to keep your code secure with server methods and use CSS to style the final application.
Topics include:
- Setting up your editor
- Understanding the file structure and player components
- Setting up static data
- Routing with React
- Creating a schema and player form
- Building functions to add a player
- Adding a user login
- Assigning players to the user
- Securing database transactions
- Editing and deleting players
- Using Chart.js to display team stats
Table of Contents
Introduction
1 Welcome
2 What you should know
3 Installing Meteor and Node NPM
4 Using the exercise files
Setting Up
5 Setting up your editor with plugins
6 Chrome plugins
7 Initial project setup with Meteor and npm
8 ES6 syntax
React Refresher – Basic Player View
9 Members of the React team
10 File structure for React and Meteor part 1
11 File structure for React and Meteor part 2
12 First layout the ES6 way
13 Player components the ES6 way part 1
14 Player components the ES6 way part 2
15 Set up static data part 1
16 Set up static data part 2
17 The state of our application
Reduce Player Stats
18 Meteor introduction
19 npm introduction
20 Yarn the Facebook package manager
21 React routing
22 Creating a schema
23 Creating a player form
24 Functions to add a player
25 Subscribe and publish
26 Add a user login
27 Assign players to user
28 Securing our DB transactions with server methods
Players CRUD and Team View
29 State viewing a player on the full player view part 1
30 State viewing a player on the full player view part 2
31 Editing players part 1
32 Editing players part 2
33 Editing players part 3
34 Deleting players
35 Use Chart.js for the team stats part 1
36 Use Chart.js for the team stats part 2
37 Use Chart.js for the team stats part 3
38 Use Chart.js for the team stats part 4
39 Wrapping up with CSS
Conclusion
40 Next steps
Resolve the captcha to access the links!