Polat S. SolidJS. The Complete Guide...2024
Download this torrent!
Polat S. SolidJS. The Complete Guide...2024
To start this P2P download, you have to install a BitTorrent client like qBittorrent
Category: Other
Total size: 1.81 MB
Added: 2025-03-10 23:39:03
Share ratio:
7 seeders,
4 leechers
Info Hash: 5AA5DEECFFA3B5F92D32AC0FB3C27804915B905F
Last updated: 7.1 hours ago
Description:
Textbook in PDF format
Learn SolidJS inside out. This book is designed to teach you the ins and outs of Solid—from its core principles and inner workings to its complete API. With a balanced approach that captures the complexities without overwhelming, you’ll gain a thorough understanding of SolidJS. Learn the ‘why’ behind the framework, giving you the knowledge and confidence to build efficient applications. If you’ve ever wanted to go beyond surface-level understanding, this comprehensive guide will show you how to master SolidJS.
Solid may seem simple on the surface, but its internal workings involve complex interactions that can sometimes be tricky to explain. I rewrote the book twice to find the right balance—enough depth to capture the complexities without overwhelming readers.
This book is the fruit of two years of arduous work. It is a comprehensive book that aims to teach you the ins and outs of Solid, covering its core principles, the inner workings, and the API. By the end of this book, you will have a thorough understanding of SolidJS to write efficient applications.
Personally, I’m not comfortable using tools without understanding their inner workings and intricacies. This book goes beyond just showing you how to use SolidJS; it explains the reasoning and underlying principles behind the library, helping you understand why certain approaches or features work the way they do. With this deeper comprehension, you’ll be well-equipped to build your own projects confidently.
Table of Contents
Introduction
The Solid Version Used
Contact and Feedback
Requirements
Trying Solid via Online Playground
Creating a Project From a Template
Note For React Developers
Setting Up a Development Environment
On SolidJS
The Problem Solid Solves
How Solid Works?
Reactive Data
Composable UI
The Advantages of Solid Over Its Alternatives
How Solid’s Reactive System Works
Observer Pattern
The Essence of Reactive Core
The Uses of Computations
Tracking State With Signals
Overwriting the comparison logic
Updating Signals
Transforming Signals
Destructuring Signals
Batching Updates
Running Side-Effects with Effects
Effects Can Be Nested
Explicit Tracking
Opting Out of Tracking
Handling External Dependencies
Caching Values with Memos
Rules of JSX
Elements Should Be Closed
JSX Elements Can Be Nested
Expressions Can Be Used Inside JSX Elements
Elements Can Have Attributes
Missing Attribute Values Default to true
Comments
Whitespaces Are Trimmed
Composing User Interfaces
Components Should Return A Single Root Element
Components Accept Data Through Their props
Adding Static Types To Components
Components Can Have Children
How Components Are Rendered
Solid runs fine-grained updates
Conditional Rendering
Reactive props
Props should be treated as read-only
Destructuring Props Changes The Rendering Order
Best Practices
Working With Props
Passing Data From Parent To Child
Providing Controlled Access To Parent’s Data
Passing Data From Child To Parent
Sharing State Between Children
Destructuring And Spreading Props
Forwarding Multiple Props At Once
Validating Props
Sharing Data Through the Context API
How Context API Works
Best Practices
Component Lifecycle
onMount
onCleanup
Best Practices
Accessing DOM Nodes With ref
Forwarding Refs
Using refs with external libraries
Best Practices
Working with Computations
createComputed
createRenderEffect
createEffect
createMemo
createDeferred
createReaction
Handling Errors
ErrorBoundary
catchError
Handling Asynchronous Errors
Handling Event Handling Errors
Working with Owners
Running functions with a given owner
Running effects in asynchronous context
Styling Elements
Using Inline Styles
Applying Style Definitions
Applying classes based on a condition
Using The Imperative API
Reactive Utilities
batch
untrack
on
createRoot
mergeProps
splitProps
mapArray and indexArray
observable
from
startTransition and useTransition
A Better Conditional Rendering
Switch and Match
Working with Lists
For
mapArray
Index
indexArray
Selecting Items with Selectors
Rendering Components Outside Component Hierarchy
Managing Complex States with Stores
Accessing Data
Updating Stores
Limitations Related to Reactivity
Store Utilities
produce
reconcile
unwrap
createMutable
Abstracting Behavior With Custom Directives
Extending JSX Type With Custom Directives
Using Imported Directives
Working with Asynchronous Data
Decoupling Fetching From Rendering
Using Resource API for Data Fetching
Info Object
Resource Actions
Handling Errors
Managing Loading States with Suspense
Achieving Better Consistency with Transitions
Coordinating Loading States
Code Splitting and Lazy Loading
Handling Events
Using the on namespace
Using the on: Namespace
Using the oncapture: Namespace
Using Custom Properties
Using Refs
Using Custom Directives
Passing Data to the Event Handlers
Dynamically Rendering Components
Server Side Rendering
Targeting The Server Context
Targeting the Development Build
Rendering A Solid App
Solid Without JSX
Solid with Tagged Template Literals
Solid with Hyperscript
Drawbacks
A1: Setting Development Environment Using Webpack
Index
About the Author