subdue the no compilation angle

solidjs · May 30, 2021 · a7d9647 · a7d9647
1 parent 1b2eac4
commit a7d9647
Show file tree

Hide file tree

Showing 4 changed files with 29 additions and 58 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -14,7 +14,7 @@ No longer uses rest parameters for multiple dependencies. Instead pass an array.
 
 #### Actions renamed to Directives
 
-To remove future confusion with other uses of actions the JSX.Actions interace is now the JSX.Directives interface.
+To remove future confusion with other uses of actions the `JSX.Actions` interace is now the `JSX.Directives` interface.
 
 ## 0.26.0 - 2021-04-09
 

diff --git a/README.md b/README.md
@@ -122,35 +122,6 @@ For TypeScript remember to set your TSConfig to handle Solid's JSX by:
 - [Examples](https://github.com/solidjs/solid/blob/main/documentation/resources/examples.md)
 - [Articles](https://github.com/solidjs/solid/blob/main/documentation/resources/articles.md)
 - [Projects](https://github.com/solidjs/solid/blob/main/documentation/resources/projects.md)
-
-## No Compilation?
-
-Dislike JSX? Don't mind doing manual work to wrap expressions, worse performance, and having larger bundle sizes? Alternatively in non-compiled environments you can use Tagged Template Literals or HyperScript.
-
-You can run them straight from the browser using SkyPack:
-
-```html
-<html>
-  <body>
-    <script type="module">
-      import { createSignal, onCleanup } from "https://cdn.skypack.dev/solid-js";
-      import { render } from "https://cdn.skypack.dev/solid-js/web";
-      import html from "https://cdn.skypack.dev/solid-js/html";
-
-      const App = () => {
-        const [count, setCount] = createSignal(0),
-          timer = setInterval(() => setCount(count() + 1), 1000);
-        onCleanup(() => clearInterval(timer));
-        return html`<div>${count}</div>`;
-      };
-      render(App, document.body);
-    </script>
-  </body>
-</html>
-```
-
-Remember you still need the corresponding DOM Expressions library for these to work with TypeScript. Tagged Template Literals [Lit DOM Expressions](https://github.com/solidjs/dom-expressions/tree/main/packages/lit-dom-expressions) or HyperScript with [Hyper DOM Expressions](https://github.com/solidjs/dom-expressions/tree/main/packages/hyper-dom-expressions).
-
 ## Browser Support
 
 The last 2 versions of modern evergreen browsers and Node LTS.

diff --git a/documentation/guides/getting-started.md b/documentation/guides/getting-started.md
@@ -82,3 +82,31 @@ Solid has a dynamic server side rendering solution that enables a truly isomorph
 Since Solid supports asynchronous and streaming rendering on the server you get to write your code one way and have it execute on the server. Things like [render-as-you-fetch](https://reactjs.org/docs/concurrent-mode-suspense.html#approach-3-render-as-you-fetch-using-suspense) and code splitting just work.
 
 For more information read the [SSR guide](./server.md)
+
+## No Compilation?
+
+Dislike JSX? Don't mind doing manual work to wrap expressions, worse performance, and having larger bundle sizes? Alternatively in non-compiled environments you can use Tagged Template Literals or HyperScript.
+
+You can run them straight from the browser using SkyPack:
+
+```html
+<html>
+  <body>
+    <script type="module">
+      import { createSignal, onCleanup } from "https://cdn.skypack.dev/solid-js";
+      import { render } from "https://cdn.skypack.dev/solid-js/web";
+      import html from "https://cdn.skypack.dev/solid-js/html";
+
+      const App = () => {
+        const [count, setCount] = createSignal(0),
+          timer = setInterval(() => setCount(count() + 1), 1000);
+        onCleanup(() => clearInterval(timer));
+        return html`<div>${count}</div>`;
+      };
+      render(App, document.body);
+    </script>
+  </body>
+</html>
+```
+
+Remember you still need the corresponding DOM Expressions library for these to work with TypeScript. Tagged Template Literals [Lit DOM Expressions](https://github.com/solidjs/dom-expressions/tree/main/packages/lit-dom-expressions) or HyperScript with [Hyper DOM Expressions](https://github.com/solidjs/dom-expressions/tree/main/packages/hyper-dom-expressions).
diff --git a/packages/solid/README.md b/packages/solid/README.md
@@ -123,34 +123,6 @@ For TypeScript remember to set your TSConfig to handle Solid's JSX by:
 - [Articles](https://github.com/solidjs/solid/blob/main/documentation/resources/articles.md)
 - [Projects](https://github.com/solidjs/solid/blob/main/documentation/resources/projects.md)
 
-## No Compilation?
-
-Dislike JSX? Don't mind doing manual work to wrap expressions, worse performance, and having larger bundle sizes? Alternatively in non-compiled environments you can use Tagged Template Literals or HyperScript.
-
-You can run them straight from the browser using SkyPack:
-
-```html
-<html>
-  <body>
-    <script type="module">
-      import { createSignal, onCleanup } from "https://cdn.skypack.dev/solid-js";
-      import { render } from "https://cdn.skypack.dev/solid-js/web";
-      import html from "https://cdn.skypack.dev/solid-js/html";
-
-      const App = () => {
-        const [count, setCount] = createSignal(0),
-          timer = setInterval(() => setCount(count() + 1), 1000);
-        onCleanup(() => clearInterval(timer));
-        return html`<div>${count}</div>`;
-      };
-      render(App, document.body);
-    </script>
-  </body>
-</html>
-```
-
-Remember you still need the corresponding DOM Expressions library for these to work with TypeScript. Tagged Template Literals [Lit DOM Expressions](https://github.com/solidjs/dom-expressions/tree/main/packages/lit-dom-expressions) or HyperScript with [Hyper DOM Expressions](https://github.com/solidjs/dom-expressions/tree/main/packages/hyper-dom-expressions).
-
 ## Browser Support
 
 The last 2 versions of modern evergreen browsers and Node LTS.