How to Create a React Datepicker from Scratch with Examples Online Training

Focused View

Shaun Wassell

5:58:27

156 View

1. Work with Dates In React.mp4

01:07

2. Why is Implementing a Calendar So Difficult.mp4

06:16

3. Basic Calendar Implementation Strategy.mp4

05:19

4. Introduction to the Moment Library.mp4

16:45

5. Combining Days into Weeks.mp4

07:10

6. Calendar JSX.mp4

13:25

7. Introduction.mp4

00:49

8. Basic Calendar Controls.mp4

06:33

9. Create a Controlled Calendar.mp4

08:10

10. Library-Agnostic Components.mp4

05:45

11. Calendars with Query Parameters.mp4

10:57

12. Add Styling with Styled Components.mp4

16:07

13. Introduction.mp4

00:50

14. Basic Event-Tracker Implementation Strategy.mp4

10:15

15. Vanilla React Modals.mp4

09:33

16. Build a New Event Form.mp4

06:01

17. Add Content to Calendar Cells.mp4

11:36

18. Avoiding Use-Case Pollution.mp4

06:06

19. Additional Event Data.mp4

03:32

20. Introduction.mp4

00:43

21. Different Types of Date Pickers.mp4

07:47

22. Passing Components as Props.mp4

08:04

23. Selecting Single Dates.mp4

21:44

24. Creating a Dropdown Window Component.mp4

08:50

25. Introduction.mp4

00:56

26. Date-Range Picker Basics.mp4

13:56

27. Calculating In-Between Dates.mp4

08:53

28. Another Method of Calculating In-Between Dates.mp4

13:57

29. Pill Styling for Calendar Cells.mp4

12:13

30. Introduction.mp4

00:58

31. Multi-Date Date-Picker Basics.mp4

03:02

32. Multi-Date Logic and Styling.mp4

19:04

33. Calculating Previous and Next Dates.mp4

15:01

34. Adding Out-Of-Month Days.mp4

18:43

35. Introduction.mp4

00:50

36. Basic Date-Picker Enhancements.mp4

08:47

37. Single-Date-Picker Refactoring.mp4

13:06

38. Date-Range-Picker Refactoring.mp4

17:52

39. Multi-Date-Picker Refactoring.mp4

17:45

Description

This intermediate How to Create a React Datepicker from Scratch with Examples training prepares learners to code in React, one of the most popular JavaScript libraries in the world, well enough to code your own datepicker.

React.js is an open source JavaScript library that's so popular it's practically the de facto language of the internet for creating user interfaces and single-page applications. Learning React is a quick and easy way to get your foot in the door with development – or to expand your existing development knowledge with user interface design and implementation.

More details

This course is designed to quickly get you familiar with React and using it as quickly as possible. After a few short lessons, you'll be writing your very own datepicker application and seeing how to deploy it on a website.

After completing this How to Create a React Datepicker from Scratch with Examples training, you'll know how to code in React, one of the most popular JavaScript libraries in the world, well enough to code your own datepicker.

For supervisors, this open source training can be used to onboard new software developers, curated into individual or team training plans, or as a open source reference resource.

How to Create a React Datepicker from Scratch with Examples: What You Need to Know

This How to Create a React Datepicker from Scratch with Examples training covers programming & development topics including:

Adding styled components
Creating calendars with query parameters
Developing a datepicker so you can learn the basics of React

Who Should Take How to Create a React Datepicker from Scratch with Examples Training?

This How to Create a React Datepicker from Scratch with Examples training is considered specialist-level open source training, which means it was designed for software developers. This programming & development skills course is designed for software developers with three to five years of experience with JavaScript.

New or aspiring software developers. If you're just starting your career as a software developer, learning React as early as possible is a great way to jumpstart your familiarity with user interfaces and the graphical part of a user's experience on your app. Developing good UIs is a subtle skill, and this course helps you with first-hand, real-world practice.

Experienced software developers. Software developers who have already been coding for a few years are usually pretty familiar with good UX/UI design and coding in React. But maybe you've been focused on back-end work, or maybe you didn't have a reason to learn React. Whatever the reason, take this course on coding in React and advance your development career.

User Reviews

Rating

average 0

Total votes0

Focused display

JavaScript

React

Shaun Wassell

Instructor's Courses

"I love seeing people go from earning peanuts to being able to comfortably take their families on multiple vacations — just because they were willing to learn something 'nerdy!'"

Shaun brings nearly 10 years of software development experience to his training. Prior to joining CBT Nuggets, he was a senior full-stack developer. His interest in technology started as a child because he wanted to create video games and his parents bought him GameMakerStudio. When Shaun isn’t creating training, he enjoys gardening, distance running, investing, and learning foreign languages.

Certifications: None

Areas of expertise: Web development, programming, data science

CBT Nuggets

View courses CBT Nuggets

CBT Nuggets is renowned for providing innovative training that's informative, meaningful, and engaging. We provide a variety of training, primarily in IT, project management, and office productivity topics. Our comprehensive library contains thousands of training videos ranging from Cisco networking to Microsoft Word. Whether you want to pass a certification exam, increase your skills, or simply learn new things, we've got you covered! All of our training is delivered through high-quality online streaming video. Subscribers can train 24 hours a day, seven days a week, from the convenience of a computer or mobile device. CBT Nuggets trainers are the rock stars of training, renowned for their expertise, industry-wide credibility, and engaging personalities. They enable CBT Nuggets to deliver accurate, up-to-date training, using a laid-back whiteboard presentation style. There are no scripts, EVER. Our trainers love to teach, and it shows! CEO and founder Dan Charbonneau was a Microsoft trainer when he began recording CBT Nuggets' very first training videos back in the 1990s. He wanted to help provide large organizations, small teams and individuals with comprehensive and budget-conscious training, and he realized it couldn't be done in a classroom. From the CBT Nuggets World Headquarters in Eugene, Oregon, Dan and his team promise each video will be informative, comprehensive, accurate, and fun to watch.