Use the latest JavaScript standard introduced in 2015, ES6. Use arrow functions, block bindings, and several others. Learn about a few resources for quickly picking up ES6 syntax.
- [Instructor] In this course of project…we'll use ES6 syntax which was introduced in 2015.…The reason why we're using ES6 is primarily…because most of the code today…most of the frameworks are moving towards this.…In fact previously Facebook's documentation…used to be on ES5 where you would create…React create class the way I'm going to write it up there…and in actually they've updated the documentation…to be more like the ES6 syntax.…Just to give you some code to look at…this is the prior to Facebook actually updating…their documentation and the way that I used to create…my components as well.…
You would write basically your variable…and assign to it the component…and then write your render method like so.…Then actually put your div inside of your render method.…This is how you would type your components back then.…It has changed recently and I much prefer this way.…The way we create class now a days in React…is by creating a class…which we're exporting as well like so.…
Then you extend the component from React…
Author
Released
12/21/2016- 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
Skill Level Intermediate
Duration
Views
Related Courses
-
JavaScript: Enhancing the DOM
with Ray Villalobos2h 3m Intermediate
-
Introduction
-
Welcome53s
-
Using the exercise files1m 40s
-
-
1. Setting Up
-
Chrome plugins2m 57s
-
ES6 syntax2m 27s
-
2. React Refresher: Basic Player View
-
Members of the React team2m 59s
-
First layout the ES6 way8m 26s
-
Set up static data, part 15m 43s
-
Set up static data, part 210m 21s
-
The state of our application7m 17s
-
-
3. Reduce Player Stats
-
Meteor introduction3m 25s
-
NPM Introduction3m 56s
-
React routing8m 23s
-
Creating a schema6m 31s
-
Creating a player form13m 43s
-
Functions to add a player11m 20s
-
Subscribe and publish12m 19s
-
Add a user login12m 40s
-
Assign players to user10m 50s
-
-
4. Players CRUD and Team View
-
Editing players, part 15m 10s
-
Editing players, part 24m 13s
-
Editing players, part 38m 55s
-
Deleting players4m 57s
-
Wrapping up with CSS5m 37s
-
Conclusion
-
Next steps49s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: ES6 syntax