0 views collected around this technical thread.
This article explores three approaches to bring Vue‑like directives such as r‑if and r‑for into React, compares their pros and cons, and provides a complete Babel plugin implementation that transforms custom JSX attributes into standard React conditional and list rendering syntax.
This article provides a comprehensive guide to using JSX/TSX in Vue 3, covering project setup, the defineComponent API, option and function syntax, data binding, event handling, slots, scoped CSS, and various approaches to defining and simplifying props with TypeScript.
This article explains how to improve React conditional rendering readability by adopting Solid.js's Show component pattern, implementing a reusable Show component in React, and extending it to support asynchronous data loading, ultimately making JSX templates clearer and more maintainable.
This article systematically introduces the many ways to write Vue components—including the classic Options API, the modern Composition API with setup syntax sugar, hand‑written render functions using h or createVNode, and various JSX techniques—explaining their principles, code examples, and when to choose each approach.
This article presents 21 practical best‑practice guidelines for writing clean, maintainable React code, covering JSX shortcuts, ternary operators, object literals, fragments, avoiding functions in render, memoization, styling, imports, naming conventions, and other tips, each illustrated with bad and good code examples.
This article examines how JSX can be used in Vue 3, compares it with Vue's native template syntax, provides step‑by‑step configuration instructions, and discusses the advantages, disadvantages, and suitable scenarios for adopting JSX in modern frontend development.
This article explains the fundamentals of JSX, why JSX expressions must have a single root element, and provides a step‑by‑step guide with complete code to implement a minimal JSX parser that translates JSX syntax into plain JavaScript createElement calls.
TypeScript 5.1 introduces smarter checks for undefined‑returning functions, removes getter/setter type restrictions, adds support for JSX tags with namespace attributes, provides @param JSDoc snippet completion, decouples JSX element and tag type checking, and includes several other enhancements and breaking changes.
The article explains why React is well‑suited for cross‑platform dynamic development, detailing its data‑driven model, JSX‑to‑virtual‑DOM workflow, fiber architecture, Taro reconciler adaptations, and independent event system, and shows how React can serve as both a DSL and a full runtime for mobile and web.
The article explains how React’s data‑driven model, JSX‑to‑virtual‑DOM workflow, fiber architecture, independent event system, and adaptations such as React Native and Taro enable efficient cross‑platform dynamic applications, and provides code examples and practical guidance for developers.
The article explains how React’s data‑driven model, JSX‑to‑virtual‑DOM workflow, fiber architecture, independent event system, and adaptations in frameworks like React Native and Taro enable efficient cross‑platform dynamic applications, while comparing it with traditional template‑based approaches.
This article presents a comprehensive guide to Vue 3 advanced features, covering the use of createVNode and render for dynamic component creation, JSX/TSX advantages, dependency injection with provide/inject, Composition API patterns, utility hooks, global component registration, script‑setup syntax, and the latest v‑model usage, all illustrated with practical code examples.
This article explains common pitfalls when using conditional expressions in React JSX—such as rendering zero, operator precedence, ternary nesting, and using JSX as a condition—and provides clear recommendations like explicit boolean checks, parentheses, key usage, and avoiding overly complex ternary operators.
This article presents a comprehensive overview of JSX support in Vue 3, covering its origins, differences from template syntax, migration details, practical usage scenarios, handling of props and slots, performance considerations, and the underlying compilation mechanisms such as PatchFlags and SlotFlags.
This article presents a comprehensive overview of using JSX in Vue 3, covering its basic concepts, why Vue supports JSX, the changes introduced in Vue 3, practical scenarios, implementation details, and performance comparisons with the traditional template syntax.
The article outlines a tool that converts React JSX into a Svelte abstract syntax tree by stripping framework‑specific features, mapping elements, attributes, mustache templates and function JSX, translating control structures, providing a compatibility “svelte‑hooks” layer, handling ECMA‑AST differences and CSS, noting larger bundle size but potential for further static compilation and optimization.
The TypeScript 4.1 release candidate introduces several major enhancements, including template literal types, key remapping in mapped types, recursive conditional types, the noUncheckedIndexedAccess flag, optional baseUrl for path mapping, default checkJs behavior, and support for React 17 JSX and JSXdev features.
This tutorial introduces React fundamentals, covering installation, JSX syntax, component creation with functions and classes, props and state management, lifecycle events, controlled and uncontrolled forms, and component communication patterns and best practices.
This article provides a comprehensive guide to migrating Vue 2 projects to Vue 3 using JSX, covering Vue 3’s new features, JSX basics, migration strategies, plugin configurations, code examples, and best practices for developers transitioning to the new ecosystem.
HTM is a pure‑JavaScript library that implements a JSX‑like syntax without a compiler, offering sub‑kilobyte bundle sizes, seamless integration with React/Preact, ergonomic syntax enhancements, and a new Babel plugin that dramatically improves performance and flexibility for frontend developers.