Merge pull request #275 from ryansolid/next

Stop polluting Global Namespace with JSX Types

Author: ryansolid

.gitignore

@@ -5,8 +5,7 @@ lib/
 coverage/
 types/
 
-packages/solid/src/render/jsx.ts
-packages/solid/src/static/jsx.ts
+packages/solid/src/jsx.d.ts
 packages/solid/web/server-async/asyncSSR.d.ts
 packages/solid/web/server/syncSSR.d.ts
 packages/solid/web/src/runtime.d.ts

CHANGELOG.md

@@ -1,5 +1,27 @@
 # Changelog
 
+## 0.23.0 - 2020-12-05
+
+This release is mostly bug fixes. Breaking change for TS users. JSX types no longer pollutes global namespace. This means you need to update your projects to import it.
+
+For users TS 4.1 or above add to your tsconfig to have JSX types in all your TSX files:
+
+```js
+"compilerOptions" {
+  "jsx": "preserve",
+  "jsxImportSource": "solid-js",
+}
+```
+Or mixing and matching? You can set JSX types per file using the pragma at the top of each file:
+```js
+/* @jsxImportSource solid-js */
+```
+
+You can now import `JSX` types directly from Solid as neccessary:
+```js
+import { JSX } from "solid-js";
+```
+
 ## 0.22.0 - 2020-11-14
 
 ### Unified Exports (Deprecation `solid-js/dom`)

README.md

@@ -93,6 +93,14 @@ The easiest way to get setup is add `babel-preset-solid` to your .babelrc, or ba
 "presets": ["solid"]
 ```
 
+For TypeScript remember to set your TSConfig to handle Solid's JSX by:
+```js
+"compilerOptions" {
+  "jsx": "preserve",
+  "jsxImportSource": "solid-js",
+}
+```
+
 > Check out these two introductory articles by [@aftzl](https://github.com/atfzl):
 > [Understanding Solid: Reactivity Basics](https://dev.to/atfzl/understanding-solid-reactivity-basics-39kk)<br>
 > [Understanding Solid: JSX](https://dev.to/atfzl/understanding-solid-jsx-584p)

lerna.json

@@ -2,5 +2,5 @@
   "packages": [
     "packages/*"
   ],
-  "version": "0.22.10"
+  "version": "0.23.0-beta.0"
 }