Advanced State Management with SolidJS
1h 7mAdvanced2024-09-18
Authors
Ayodele Aransiola
Technical Support Specialist and Software Engineer
Course details
SolidJS is rapidly gaining popularity within the developer ecosystem due to its performance benefits and developer experience. There’s a growing need for complex state management when building web applications and this advanced course provides developers with in-depth knowledge and practical skills to handle state management in SolidJS. Instructor Ayodele Leom starts with a short review of SolidJS fundamentals before going into advanced topics like signals, effects, async patterns, state management, and routing. The course includes a hands-on project centered on building a feedback application and applying advanced state management concepts in a real-world example.
Learning objectives
Refresh knowledge of SolidJS, including its component system, setting a strong foundation for advanced state management.
Understanding state management in SolidJS and learning to use signals, stores, and contexts to manage complex application states effectively.
Learn how to use createEffect and other reactive primitives to manage side effects and build responsive applications.
Learn the ability to handle asynchronous operations smoothly within SolidJS applications, including data fetching, updates, and async state management.
Understand how to implement routing in SolidJS applications, enabling the creation of single-page applications (SPA) with seamless navigation experiences.
Learn optimization techniques and best practices for structuring and coding in SolidJS to build efficient, maintainable, and scalable applications.
Skills covered
Learning objectives
Refresh knowledge of SolidJS, including its component system, setting a strong foundation for advanced state management.
Understanding state management in SolidJS and learning to use signals, stores, and contexts to manage complex application states effectively.
Learn how to use createEffect and other reactive primitives to manage side effects and build responsive applications.
Learn the ability to handle asynchronous operations smoothly within SolidJS applications, including data fetching, updates, and async state management.
Understand how to implement routing in SolidJS applications, enabling the creation of single-page applications (SPA) with seamless navigation experiences.
Learn optimization techniques and best practices for structuring and coding in SolidJS to build efficient, maintainable, and scalable applications.
Skills covered
Skills covered
Ecma InternationalJavaScript FrameworksJavaScriptFront-End Web DevelopmentWeb DevelopmentProgramming LanguagesSoftware DevelopmentOne-Off
Concepts
0. Introduction
- 01 - Build high performance apps with Solid.js
- 02 - Overview of Solid.js
- 03 - Review of Solid.js basics
1. Control Structure
- 04 - Conditional rendering
- 05 - Dynamic rendering
- 06 - Portal
- 07 - Error boundary
2. State Management in Solid.js
- 08 - State management
- 09 - Signals
- 10 - Derived state
- 11 - Lifting state
- 12 - Context API
- 13 - Stores
3. Effect, Async, and Routing in Solid.js
- 14 - Effect
- 15 - Async operations in Solid.js
- 16 - Setting up and managing routing
4. Project - Feedback Application
- 17 - Project setup
- 18 - Building the project UI
- 19 - State management with context
- 20 - Functionality for the feedback app - Add
- 21 - Functionality for the feedback app - Delete
- 22 - Functionality for the feedback app - Edit
Conclusion
- 23 - Tips to optimize performance
- 24 - Course recap
- 25 - Next steps