React TypeScript Course – Start Up Ready Application
React TypeScript Course – Start Up Ready Application, available at $34.99, has an average rating of 2.15, with 45 lectures, based on 11 reviews, and has 250 subscribers.
You will learn about The course provides you with an enterprise ready application using React and TypeScript Authorization and authentication flow (Roles and permissions) React + Redux + Hooks for REST API The best practices and conventions will be available to you right after the purchase Colors customization Configure Jest, Enzyme, Webpack (dev and prod) This course is ideal for individuals who are Junior++ and Middle developers. or Ideal for Angular developers It is particularly useful for Junior++ and Middle developers. or Ideal for Angular developers.
Enroll now: React TypeScript Course – Start Up Ready Application
Summary
Title: React TypeScript Course – Start Up Ready Application
Price: $34.99
Average Rating: 2.15
Number of Lectures: 45
Number of Published Lectures: 45
Number of Curriculum Items: 45
Number of Published Curriculum Objects: 45
Original Price: руб.1,790
Quality Status: approved
Status: Live
What You Will Learn
- The course provides you with an enterprise ready application using React and TypeScript
- Authorization and authentication flow (Roles and permissions)
- React + Redux + Hooks for REST API
- The best practices and conventions will be available to you right after the purchase
- Colors customization
- Configure Jest, Enzyme, Webpack (dev and prod)
Who Should Attend
- Junior++ and Middle developers.
- Ideal for Angular developers
Target Audiences
- Junior++ and Middle developers.
- Ideal for Angular developers
Pre-requirements:
An experienced React Developer familiar with TypeScript, or an Angular developer with basic React knowledge or a developer who can fluently use google to understand technologies.
Node.js >=10, PostgreSQL 11, Python 2.7, node-gyp and Desktop development with C++ (all links and instructions are provided within the course), Git.
The course contains productionand mobile ready React application for a large project, dirty backend on Node.js and PostgreSQL database for store users and sessions.
I’m going to show you how to cook:
✅ One of the best architecturesfor React.
✅ Redux + React hooks (you should use Redux in 2019 for best performance).
✅ Login, registration, logout and check authentication flow (administrators can drop session for the target user).
✅ Securityauthentication using http only cookie.
✅ Universal error handlers for request/response. Errors are shown for fields, forms, connection. Written once. Use anywhere.
✅ Form validators(i18n support).
✅ Dynamic breadcrumbs. Inserted once. Working anywhere you wish.
✅ Internalization(multi-language support). Your customers will be thankful for concern. Conquer different markets now.
✅ Permissions(static and dynamic) based on roles and access rights.
✅ User search and User Edit Page (for admins, self-edit for moderators).
✅ A11yready. Try to use without a mouse. It’s possible.
✅ SEOmodule for different titles and descriptions in the app. Just add text for new page, not more action required. i18n support.
✅ Universal UX guard. Your users will not lose important changes in forms. Site prevents internal and external navigation while there are some changes in fields.
✅ Live color changer. Every user can use their own colors.
✅ Right way to Cache data in Redux.
✅ Live chart with real-time data using Plotly and WebSockets.
✅ Cancel http request that you want.
✅ Jest, Enzyme configuration.
✅ Webpack for development and production (with chunks and optimizers).
✅ TSconfig (and cheat: write your aliases in one place, they will be applied to Jest and Webpack).
✅ Cacheusing Service Worker.
✅ Jest and Enzyme with TypeScripttest examples (basic; how to mock redux, test axios, mount and shallow, work in progress).
All components are written the way that they are inserted in one place and work everywhere.
You will see how to type functions, components, wrappers, axios, redux-forms and etc.
Be smart, be passionate, be happy!
Save up to 4 months of development with this course!
I’m going to update this course.
Just message me what you want to know.
My ideas:
– User self-edit page.
– Handle on backend and show on UI unhandled phrases in i18n (if you forget to translate something).
– Edit page for languages.
– What is Idempotency and why we should use it in our app.
– Add support for oldest browsers.
– Infinite table/scroll.
– Dynamically add field in form.
– Collapsed menu (children support)
– Monorepo.
After 100 000 a new course will be developed:
How to create safe backend using Node.js or Golang.
Notice:
You get the finished application and concentrate on the processes. The lecturer explains what the thing is and how it works.
My main task is that you can start doing the right things as soon as possible.
Video: 1920×1080 (Full HD)
Lexicon: simple English.
Our goal is to be understood by the whole world.
There is a killer feature of this course.
You can contribute to this React course!
Your name will be in the title of the lecture, as well as at the beginning of the video with your github page.
How is it possible?
See the chapter: “How to contribute?”
Course Curriculum
Chapter 1: Motivation
Lecture 1: About Maksim Golitsyn
Chapter 2: Configure environment
Lecture 1: Links to software
Lecture 2: Software installation
Chapter 3: Run the project
Lecture 1: Create user and database in PostgreSQL
Lecture 2: Source files
Lecture 3: Configure Web application and server
Chapter 4: A brief overview of the backend
Lecture 1: Review the package.json in backend
Lecture 2: Review each file in root backend
Lecture 3: Continue review backend folder
Chapter 5: Frontend configuration
Lecture 1: Review the package.json
Lecture 2: Review root files
Lecture 3: Review the jest config file
Lecture 4: Review the TypeScript configuration file
Lecture 5: Review the TypeScript Lint configuration file
Lecture 6: Review the Webpack configuration files
Lecture 7: Scripts folder
Chapter 6: The architecture of the source folder
Lecture 1: Root files
Lecture 2: Assets, cache, helpers, interfaces
Lecture 3: Layouts
Lecture 4: The Structure of Pages
Lecture 5: The Structure of Store
Lecture 6: Stylus
Lecture 7: Theme
Chapter 7: Components
Lecture 1: UX Guard and Dialog
Lecture 2: Breadcrumbs
Lecture 3: Roles and Permissions
Lecture 4: Colors
Lecture 5: Form Error component
Lecture 6: Form Fields
Lecture 7: Material UI Form Fields Examples
Lecture 8: Loading, No results, Route with Layout and Section Header
Lecture 9: Notification
Lecture 10: SEO
Chapter 8: Pages and Forms
Lecture 1: Dashboard
Lecture 2: Live Line Chart
Lecture 3: Login
Lecture 4: Logout
Lecture 5: Not Found Page
Lecture 6: Sign up
Lecture 7: Users
Lecture 8: User Edit
Chapter 9: Testing (basic test examples)
Lecture 1: Jest and Enzyme with TypeScript for testing
Chapter 10: Recommended reading
Lecture 1: References
Chapter 11: Special thanks
Lecture 1: People I'm grateful to
Chapter 12: How to contribute?
Lecture 1: How to become a lecture author?
Instructors
-
Maksim Golitsyn
Software engineer
Rating Distribution
- 1 stars: 5 votes
- 2 stars: 2 votes
- 3 stars: 2 votes
- 4 stars: 0 votes
- 5 stars: 2 votes
Frequently Asked Questions
How long do I have access to the course materials?
You can view and review the lecture materials indefinitely, like an on-demand channel.
Can I take my courses with me wherever I go?
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!
You may also like
- Top 10 Language Learning Courses to Learn in November 2024
- Top 10 Video Editing Courses to Learn in November 2024
- Top 10 Music Production Courses to Learn in November 2024
- Top 10 Animation Courses to Learn in November 2024
- Top 10 Digital Illustration Courses to Learn in November 2024
- Top 10 Renewable Energy Courses to Learn in November 2024
- Top 10 Sustainable Living Courses to Learn in November 2024
- Top 10 Ethical AI Courses to Learn in November 2024
- Top 10 Cybersecurity Fundamentals Courses to Learn in November 2024
- Top 10 Smart Home Technology Courses to Learn in November 2024
- Top 10 Holistic Health Courses to Learn in November 2024
- Top 10 Nutrition And Diet Planning Courses to Learn in November 2024
- Top 10 Yoga Instruction Courses to Learn in November 2024
- Top 10 Stress Management Courses to Learn in November 2024
- Top 10 Mindfulness Meditation Courses to Learn in November 2024
- Top 10 Life Coaching Courses to Learn in November 2024
- Top 10 Career Development Courses to Learn in November 2024
- Top 10 Relationship Building Courses to Learn in November 2024
- Top 10 Parenting Skills Courses to Learn in November 2024
- Top 10 Home Improvement Courses to Learn in November 2024