jtsx-loader 0.1.3 → 0.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +5 -2
- package/example/pages/index.jsx +9 -4
- package/example/pages/ru.jsx +7 -2
- package/example/styles/default.css +2 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
|
|
1
2
|
\* Documentation under development
|
|
2
3
|
|
|
3
4
|
JavaScript TypeScript Xml — .jsx and .tsx file loader for Node.js
|
|
@@ -14,8 +15,10 @@ For conversion, the jsxFactory function is used, which converts tag attributes,
|
|
|
14
15
|
|
|
15
16
|
The loader allows you to extend the transformation of JTSX files through configurations and self-written functions
|
|
16
17
|
|
|
17
|
-
|
|
18
|
+
Also loader allows you to prevent caching when importing components, which makes it possible to comfortably use page reloading when changes are made and not restart the server that renders the component
|
|
19
|
+
|
|
20
|
+
If you find a bug or want to suggest improvements to the loader, create an issue on [github](https://github.com/dergachevm/jtsx-loader/issues)
|
|
18
21
|
|
|
19
22
|
IMPORTANT: This project is NOT a replacement for React, Vue and their derivatives. If you need reactivity and thick clients, it is better to use the appropriate tools
|
|
20
23
|
|
|
21
|
-
|
|
24
|
+
[Detailed documentation with examples](https://jtsx.ancros.dev)
|
package/example/pages/index.jsx
CHANGED
|
@@ -34,7 +34,12 @@ export default async ({ data }) => {
|
|
|
34
34
|
<p>Only one dependency — esbuild</p>
|
|
35
35
|
<p>For conversion, the <code>jsxFactory</code> function is used, which converts tag attributes, attributes and child elements into standard HTML</p>
|
|
36
36
|
<p>The loader allows you to extend the transformation of JTSX files through configurations and self-written functions</p>
|
|
37
|
-
<p>
|
|
37
|
+
<p>Also loader allows you to prevent caching when importing components, which makes it possible to comfortably use page reloading when changes are made and not restart the server that renders the component</p>
|
|
38
|
+
<p>If you find a bug or want to suggest improvements to the loader, create an issue on <a href="https://github.com/dergachevm/jtsx-loader/issues">github</a></p>
|
|
39
|
+
|
|
40
|
+
<h4>About documentation</h4>
|
|
41
|
+
<p>This documentation is a project within the module that can be run locally to learn how it works. The source code is located in the <a href="https://github.com/dergachevm/jtsx-loader/tree/master/example">example</a> folder</p>
|
|
42
|
+
<p>You can run it locally with <code>npm i</code> and <code>npm run start</code> or with nodemon for development <code>npm run dev</code></p>
|
|
38
43
|
<p>IMPORTANT: This project is NOT a replacement for React, Vue and their derivatives. If you need reactivity and thick clients, it is better to use the appropriate tools</p>
|
|
39
44
|
|
|
40
45
|
<p><a href="https://github.com/dergachevm/jtsx-loader">Github</a></p>
|
|
@@ -167,13 +172,13 @@ export default async ({ title }) => <html lang="en">
|
|
|
167
172
|
<section>
|
|
168
173
|
<h2>Authors</h2>
|
|
169
174
|
<p><a href="mailto:dergachev.mihail@gmail.com">Dergachev Mikhail</a></p>
|
|
170
|
-
<p><a href="https
|
|
175
|
+
<p><a href="https://ancros.dev">https://ancros.dev</a></p>
|
|
171
176
|
</section>
|
|
172
177
|
|
|
173
178
|
<section>
|
|
174
179
|
<h2>References</h2>
|
|
175
|
-
<p><a href="https://esbuild.github.io/api/#jsx-factory">https://esbuild.github.io/api/#
|
|
176
|
-
<p><a href="https://lwebapp.com/en/post/custom-jsx">https://lwebapp.com/en/post/custom-
|
|
180
|
+
<p><a href="https://esbuild.github.io/api/#jsx-factory">https://esbuild.github.io/api/#jsx-factory</a></p>
|
|
181
|
+
<p><a href="https://lwebapp.com/en/post/custom-jsx">https://lwebapp.com/en/post/custom-jsx</a></p>
|
|
177
182
|
<p><a href="https://nakedjsx.org/">https://nakedjsx.org/</a></p>
|
|
178
183
|
</section>
|
|
179
184
|
</Layout>
|
package/example/pages/ru.jsx
CHANGED
|
@@ -36,6 +36,11 @@ export default async ({ data }) => {
|
|
|
36
36
|
<p>Для конвертации используется <code>jsxFactory</code> функция, которая преобразует теги, аттрибуты и дочерние элементы в стандартный HTML</p>
|
|
37
37
|
<p>Загрузчик позволяет расширить преобразования JTSX файлов через конфигурации и самостоятельно написанные функции</p>
|
|
38
38
|
<p>Так же загрузчик позволяет предотвратить кеширование при импорте компонентов, что дает возможность комфортно использовать перезагрузку страницы при изменениях и не перезапускать сервер, которые рендерит компонент</p>
|
|
39
|
+
<p>Если вы нашли ошибку или хотите предложить улучшения для загрузчика, создайте issue на <a href="https://github.com/dergachevm/jtsx-loader/issues">github</a></p>
|
|
40
|
+
|
|
41
|
+
<h4>О документации</h4>
|
|
42
|
+
<p>Данная документация это проект внутри модуля, который можно запустить локально для изучения его работы. Исходники расположены в папке <a href="https://github.com/dergachevm/jtsx-loader/tree/master/example">example</a></p>
|
|
43
|
+
<p>Вы можете запустить ее локально с помощью <code>npm i</code> и <code>npm run start</code> или с помощью nodemon для разработки <code>npm run dev</code></p>
|
|
39
44
|
<p>ВАЖНО: Данный загрузчик это НЕ замена React, Vue и их производных. Если вам нужна реактивность и толстые клиенты, то лучше использовать соответствующие инструменты</p>
|
|
40
45
|
|
|
41
46
|
<p><a href="https://github.com/dergachevm/jtsx-loader">Github</a></p>
|
|
@@ -61,7 +66,7 @@ export default async ({ title }) => <html lang="ru">
|
|
|
61
66
|
<body>
|
|
62
67
|
<h1>{title}</h1>
|
|
63
68
|
<p>
|
|
64
|
-
Body content with array:
|
|
69
|
+
Body content with array:
|
|
65
70
|
{[0, 1, 2].map(n => <code>{n}</code>)}
|
|
66
71
|
</p>
|
|
67
72
|
</body>
|
|
@@ -170,7 +175,7 @@ export default async ({ title }) => <html lang="ru">
|
|
|
170
175
|
<p><a href="mailto:dergachev.mihail@gmail.com">Дергачев Михаил</a></p>
|
|
171
176
|
<p><a href="https://ancros.dev">https://ancros.dev</a></p>
|
|
172
177
|
</section>
|
|
173
|
-
|
|
178
|
+
|
|
174
179
|
<section>
|
|
175
180
|
<h2>Референсы</h2>
|
|
176
181
|
<p><a href="https://esbuild.github.io/api/#jsx-factory">https://esbuild.github.io/api/#jsx-factory</a></p>
|
|
@@ -9,7 +9,7 @@ body {
|
|
|
9
9
|
padding: 40px 80px;
|
|
10
10
|
}
|
|
11
11
|
|
|
12
|
-
h1, h2, h3, h4 {
|
|
12
|
+
h1, h2, h3, h4, h5 {
|
|
13
13
|
font-weight: 600;
|
|
14
14
|
font-style: normal;
|
|
15
15
|
margin: 10px 0;
|
|
@@ -85,6 +85,7 @@ section {
|
|
|
85
85
|
|
|
86
86
|
a {
|
|
87
87
|
color: #fff;
|
|
88
|
+
text-decoration: underline;
|
|
88
89
|
}
|
|
89
90
|
|
|
90
91
|
main {
|