React TypeScript Course – Start Up Ready Application

🎓 React TypeScript Course – Start Up Ready Application 🚀

Course Headline: From Middle to Leader

Start your React project with Internationalization, Permissions, Online Charts today!

Pre-requirements:

• Experience: 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.
• Tech Stack: Node.js >= 10, PostgreSQL 11, Python 2.7, node-gyp, and desktop development with C++. All necessary links and instructions will be provided within the course, along with Git knowledge.

This course offers a production and mobile ready React application, a robust backend on Node.js, and a PostgreSQL database designed to store users and sessions. 🌟

What You'll Learn:

✅ Architecture: One of the best architectures for React, optimized for performance in 2019.

✅ Authentication: Complete Login, Registration, Logout flow with session management and admin capability to drop sessions for target users.

✅ Security: Secure authentication using HTTP only cookies.

✅ Error Handling: Universal error handlers for requests/responses. Errors are displayed for fields, forms, and connections.

✅ Form Validation: Robust form validators with i18n support.

✅ Dynamic Breadcrumbs: Insert once, reuse anywhere.

✅ Internationalization: Full multi-language support to cater to different markets.

✅ Permissions: Static and dynamic permissions based on roles and access rights.

✅ User Search & Edit: Functional self-edit for moderators and full admin capabilities.

✅ Accessibility (A11y): Fully accessible design, usable without a mouse.

✅ SEO: SEO module with support for different titles and descriptions, i18n included.

✅ UX Guard: Protection to prevent users from losing important changes in forms.

✅ Color Customization: Live color changer for personalized user experiences.

✅ Data Caching: Proper caching mechanisms in Redux.

✅ Real-time Data Visualization: Live chart with real-time data using Plotly and WebSockets.

✅ HTTP Request Cancellation: Ability to cancel HTTP requests as needed.

✅ Testing Tools Configuration: Jest, Enzyme, TypeScript test examples included.

✅ Optimization: Webpack setup with chunks and optimizers for both development and production environments.

✅ TypeScript Configuration: Including aliases for Jest, Enzyme, and more.

✅ Continuous Development: The course will be updated based on feedback and requests.

Future Additions:

• User self-edit page.
• Handling untranslated phrases in i18n on the backend.
• Edit page for languages.
• Explanation of Idempotency in applications.
• Support for oldest browsers.
• Infinite table/scroll functionality.
• Dynamically adding fields to forms.
• Collapsed menu with children support.
• Monorepo setup guidance.

Course Features:

• A finished application to focus on processes and understand the "why" and "how".
• Full HD (1920x1080) video quality for clear learning.
• Simple English used throughout the lexicon.
• Our goal is to be understood by learners around the world.

Your Contribution:

You can contribute to this React course! If you have ideas, code, or content to share, your name will be credited in the title of the lecture and at the beginning of the video along with your GitHub page. 🤝

See the chapter: “How to contribute?” to get started.

Join us on this journey from being a middle-level developer to becoming a leader in React development with TypeScript! 🌐✨