Skip to content

Commit c6de426

Browse files
author
github-actions
committed
Deployed c0d16c4 to develop with MkDocs 1.6.1 and mike 2.1.3
1 parent 0f984fd commit c6de426

File tree

17 files changed

+31
-31
lines changed

17 files changed

+31
-31
lines changed

develop/about/changelog/index.html

Lines changed: 2 additions & 2 deletions
Large diffs are not rendered by default.

develop/about/contributing/index.html

Lines changed: 1 addition & 1 deletion
Large diffs are not rendered by default.

develop/about/license/index.html

Lines changed: 1 addition & 1 deletion
Large diffs are not rendered by default.

develop/learn/add-reactpy-to-a-django-project/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -89,4 +89,4 @@
8989
<span class=x> </span><span class=cp>{%</span> <span class=k>component</span> <span class=s2>&quot;example_project.my_app.components.hello_world&quot;</span> <span class=nv>recipient</span><span class=o>=</span><span class=s2>&quot;World&quot;</span> <span class=cp>%}</span>
9090
<span class=x> &lt;/body&gt;</span>
9191
<span class=x>&lt;/html&gt;</span>
92-
</code></pre></div></td></tr></table></div> </div> <hr> <div class=md-source-file> <small> Last update: <span class="git-revision-date-localized-plugin git-revision-date-localized-plugin-date" title="December 29, 2024 10:26:30">December 29, 2024</span> </small> </div> <div class=md-source-date> <small> Authors: <span class="git-page-authors git-authors"><a href=mailto:archiethemonger@gmail.com>Mark Bakhit</a></span> </small> </div> </article> </div> </div> <button type=button class="md-top md-icon" data-md-component=top hidden> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8v12Z"/></svg> Back to top </button> </main> <footer class=md-footer> <div class="md-footer-meta md-typeset"> <div class="md-footer-meta__inner md-grid"> <div class=md-copyright> <div class=md-copyright__highlight> &copy; <div id=year></div> <script>document.getElementById("year").innerHTML = new Date().getFullYear();</script> Reactive Python and affiliates. <div class=legal-footer-right>This project has no affiliation to ReactJS or Meta Platforms, Inc.</div> </div> </div> </div> </div> </footer> </div> <div class=md-dialog data-md-component=dialog> <div class="md-dialog__inner md-typeset"></div> </div> <script id=__config type=application/json>{"base": "../..", "features": ["navigation.instant", "navigation.tabs", "navigation.tabs.sticky", "navigation.top", "content.code.copy", "search.highlight"], "search": "../../assets/javascripts/workers/search.a264c092.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}, "version": {"provider": "mike"}}</script> <script src=../../assets/javascripts/bundle.4e0fa4ba.min.js></script> <script src=../../assets/js/main.js></script> </body> </html>
92+
</code></pre></div></td></tr></table></div> </div> <hr> <div class=md-source-file> <small> Last update: <span class="git-revision-date-localized-plugin git-revision-date-localized-plugin-date" title="December 29, 2024 10:26:30 UTC">December 29, 2024</span> </small> </div> <div class=md-source-date> <small> Authors: <span class="git-page-authors git-authors"><a href=mailto:archiethemonger@gmail.com>Mark Bakhit</a></span> </small> </div> </article> </div> </div> <button type=button class="md-top md-icon" data-md-component=top hidden> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8v12Z"/></svg> Back to top </button> </main> <footer class=md-footer> <div class="md-footer-meta md-typeset"> <div class="md-footer-meta__inner md-grid"> <div class=md-copyright> <div class=md-copyright__highlight> &copy; <div id=year></div> <script>document.getElementById("year").innerHTML = new Date().getFullYear();</script> Reactive Python and affiliates. <div class=legal-footer-right>This project has no affiliation to ReactJS or Meta Platforms, Inc.</div> </div> </div> </div> </div> </footer> </div> <div class=md-dialog data-md-component=dialog> <div class="md-dialog__inner md-typeset"></div> </div> <script id=__config type=application/json>{"base": "../..", "features": ["navigation.instant", "navigation.tabs", "navigation.tabs.sticky", "navigation.top", "content.code.copy", "search.highlight"], "search": "../../assets/javascripts/workers/search.a264c092.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}, "version": {"provider": "mike"}}</script> <script src=../../assets/javascripts/bundle.4e0fa4ba.min.js></script> <script src=../../assets/js/main.js></script> </body> </html>

develop/learn/your-first-component/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -86,4 +86,4 @@
8686
<span class=n>path</span><span class=p>(</span><span class=s2>&quot;example/&quot;</span><span class=p>,</span> <span class=n>views</span><span class=o>.</span><span class=n>index</span><span class=p>),</span>
8787
<span class=p>]</span>
8888
</code></pre></div></td></tr></table></div> </div> </div> </div> <details class=question> <summary>Which urls.py do I add my views to?</summary> <p>For simple <strong>Django projects</strong>, you can easily add all of your views directly into the <strong>Django project's</strong> <code>urls.py</code>. However, as you start increase your project's complexity you might end up with way too much within one file.</p> <p>Once you reach that point, we recommend creating an individual <code>urls.py</code> within each of your <strong>Django apps</strong>.</p> <p>Then, within your <strong>Django project's</strong> <code>urls.py</code> you will use Django's <a href=https://docs.djangoproject.com/en/stable/ref/urls/#include><code>include</code> function</a> to link it all together.</p> </details> <h2 id=viewing-your-component>Viewing your component<a class=headerlink href=#viewing-your-component title="Permanent link">&para;</a></h2> <p>To test your new Django view, run the following command to start up a development web server.</p> <div class=highlight><pre><span></span><code>python<span class=w> </span>manage.py<span class=w> </span>runserver
89-
</code></pre></div> <p>Now you can navigate to your <strong>Django project</strong> URL that contains a ReactPy component, such as <a href=http://127.0.0.1:8000/example/ ><code>http://127.0.0.1:8000/example/</code></a> (<a href=#setting-up-a-django-view><em>from the previous step</em></a>).</p> <p>If you copy-pasted our example component, you will now see your component display "Hello World".</p> <details class=warning> <summary>Do not use <code>manage.py runserver</code> for production</summary> <p>This command is only intended for development purposes. For production deployments make sure to read <a href=https://docs.djangoproject.com/en/stable/howto/deployment/ >Django's documentation</a>.</p> </details> <h2 id=learn-more>Learn more<a class=headerlink href=#learn-more title="Permanent link">&para;</a></h2> <p><strong>Congratulations!</strong> If you followed the previous steps, you have now created a "Hello World" component using ReactPy-Django!</p> <div class="admonition info"> <p class=admonition-title>Deep Dive</p> <p>The docs you are reading only covers our Django integration. To learn more, check out one of the following links:</p> <ul> <li><a href=../../reference/components/ >ReactPy-Django Feature Reference</a></li> <li><a href=https://reactpy.dev/docs/guides/creating-interfaces/index.html>ReactPy Core Documentation</a></li> <li><a href=https://discord.gg/uNb5P4hA9X>Ask Questions on Discord</a></li> </ul> <p>Additionally, the vast majority of tutorials/guides you find for ReactJS can be applied to ReactPy.</p> </div> <hr> <div class=md-source-file> <small> Last update: <span class="git-revision-date-localized-plugin git-revision-date-localized-plugin-date" title="March 14, 2025 01:11:54">March 14, 2025</span> </small> </div> <div class=md-source-date> <small> Authors: <span class="git-page-authors git-authors"><a href=mailto:archiethemonger@gmail.com>Mark Bakhit</a></span> </small> </div> </article> </div> </div> <button type=button class="md-top md-icon" data-md-component=top hidden> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8v12Z"/></svg> Back to top </button> </main> <footer class=md-footer> <div class="md-footer-meta md-typeset"> <div class="md-footer-meta__inner md-grid"> <div class=md-copyright> <div class=md-copyright__highlight> &copy; <div id=year></div> <script>document.getElementById("year").innerHTML = new Date().getFullYear();</script> Reactive Python and affiliates. <div class=legal-footer-right>This project has no affiliation to ReactJS or Meta Platforms, Inc.</div> </div> </div> </div> </div> </footer> </div> <div class=md-dialog data-md-component=dialog> <div class="md-dialog__inner md-typeset"></div> </div> <script id=__config type=application/json>{"base": "../..", "features": ["navigation.instant", "navigation.tabs", "navigation.tabs.sticky", "navigation.top", "content.code.copy", "search.highlight"], "search": "../../assets/javascripts/workers/search.a264c092.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}, "version": {"provider": "mike"}}</script> <script src=../../assets/javascripts/bundle.4e0fa4ba.min.js></script> <script src=../../assets/js/main.js></script> </body> </html>
89+
</code></pre></div> <p>Now you can navigate to your <strong>Django project</strong> URL that contains a ReactPy component, such as <a href=http://127.0.0.1:8000/example/ ><code>http://127.0.0.1:8000/example/</code></a> (<a href=#setting-up-a-django-view><em>from the previous step</em></a>).</p> <p>If you copy-pasted our example component, you will now see your component display "Hello World".</p> <details class=warning> <summary>Do not use <code>manage.py runserver</code> for production</summary> <p>This command is only intended for development purposes. For production deployments make sure to read <a href=https://docs.djangoproject.com/en/stable/howto/deployment/ >Django's documentation</a>.</p> </details> <h2 id=learn-more>Learn more<a class=headerlink href=#learn-more title="Permanent link">&para;</a></h2> <p><strong>Congratulations!</strong> If you followed the previous steps, you have now created a "Hello World" component using ReactPy-Django!</p> <div class="admonition info"> <p class=admonition-title>Deep Dive</p> <p>The docs you are reading only covers our Django integration. To learn more, check out one of the following links:</p> <ul> <li><a href=../../reference/components/ >ReactPy-Django Feature Reference</a></li> <li><a href=https://reactpy.dev/docs/guides/creating-interfaces/index.html>ReactPy Core Documentation</a></li> <li><a href=https://discord.gg/uNb5P4hA9X>Ask Questions on Discord</a></li> </ul> <p>Additionally, the vast majority of tutorials/guides you find for ReactJS can be applied to ReactPy.</p> </div> <hr> <div class=md-source-file> <small> Last update: <span class="git-revision-date-localized-plugin git-revision-date-localized-plugin-date" title="March 14, 2025 01:11:54 UTC">March 14, 2025</span> </small> </div> <div class=md-source-date> <small> Authors: <span class="git-page-authors git-authors"><a href=mailto:archiethemonger@gmail.com>Mark Bakhit</a></span> </small> </div> </article> </div> </div> <button type=button class="md-top md-icon" data-md-component=top hidden> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8v12Z"/></svg> Back to top </button> </main> <footer class=md-footer> <div class="md-footer-meta md-typeset"> <div class="md-footer-meta__inner md-grid"> <div class=md-copyright> <div class=md-copyright__highlight> &copy; <div id=year></div> <script>document.getElementById("year").innerHTML = new Date().getFullYear();</script> Reactive Python and affiliates. <div class=legal-footer-right>This project has no affiliation to ReactJS or Meta Platforms, Inc.</div> </div> </div> </div> </div> </footer> </div> <div class=md-dialog data-md-component=dialog> <div class="md-dialog__inner md-typeset"></div> </div> <script id=__config type=application/json>{"base": "../..", "features": ["navigation.instant", "navigation.tabs", "navigation.tabs.sticky", "navigation.top", "content.code.copy", "search.highlight"], "search": "../../assets/javascripts/workers/search.a264c092.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}, "version": {"provider": "mike"}}</script> <script src=../../assets/javascripts/bundle.4e0fa4ba.min.js></script> <script src=../../assets/js/main.js></script> </body> </html>

develop/reference/components/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -994,4 +994,4 @@
994994
<span class=n>html</span><span class=o>.</span><span class=n>script</span><span class=p>({</span><span class=s2>&quot;src&quot;</span><span class=p>:</span> <span class=s2>&quot;https://example.com/external-scripts.js&quot;</span><span class=p>}),</span>
995995
<span class=n>html</span><span class=o>.</span><span class=n>button</span><span class=p>(</span><span class=s2>&quot;My Button!&quot;</span><span class=p>),</span>
996996
<span class=p>)</span>
997-
</code></pre></div></td></tr></table></div> </details> <details class=question> <summary>Why not load my JS in <code class=highlight><span class=p>&lt;</span><span class=nt>head</span><span class=p>&gt;</span></code>?</summary> <p>Traditionally, JavaScript is loaded in your <code class=highlight><span class=p>&lt;</span><span class=nt>head</span><span class=p>&gt;</span></code> using Django's <code class=highlight><span class=cp>{%</span> <span class=k>static</span> <span class=cp>%}</span></code> template tag.</p> <p>However, to help improve webpage load times you can use this <code class=highlight><span class=n>django_js</span></code> component to defer loading your JavaScript until it is needed.</p> </details> <hr> <div class=md-source-file> <small> Last update: <span class="git-revision-date-localized-plugin git-revision-date-localized-plugin-date" title="March 14, 2025 01:11:54">March 14, 2025</span> </small> </div> <div class=md-source-date> <small> Authors: <span class="git-page-authors git-authors"><a href=mailto:archiethemonger@gmail.com>Mark Bakhit</a></span> </small> </div> </article> </div> </div> <button type=button class="md-top md-icon" data-md-component=top hidden> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8v12Z"/></svg> Back to top </button> </main> <footer class=md-footer> <div class="md-footer-meta md-typeset"> <div class="md-footer-meta__inner md-grid"> <div class=md-copyright> <div class=md-copyright__highlight> &copy; <div id=year></div> <script>document.getElementById("year").innerHTML = new Date().getFullYear();</script> Reactive Python and affiliates. <div class=legal-footer-right>This project has no affiliation to ReactJS or Meta Platforms, Inc.</div> </div> </div> </div> </div> </footer> </div> <div class=md-dialog data-md-component=dialog> <div class="md-dialog__inner md-typeset"></div> </div> <script id=__config type=application/json>{"base": "../..", "features": ["navigation.instant", "navigation.tabs", "navigation.tabs.sticky", "navigation.top", "content.code.copy", "search.highlight"], "search": "../../assets/javascripts/workers/search.a264c092.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}, "version": {"provider": "mike"}}</script> <script src=../../assets/javascripts/bundle.4e0fa4ba.min.js></script> <script src=../../assets/js/main.js></script> </body> </html>
997+
</code></pre></div></td></tr></table></div> </details> <details class=question> <summary>Why not load my JS in <code class=highlight><span class=p>&lt;</span><span class=nt>head</span><span class=p>&gt;</span></code>?</summary> <p>Traditionally, JavaScript is loaded in your <code class=highlight><span class=p>&lt;</span><span class=nt>head</span><span class=p>&gt;</span></code> using Django's <code class=highlight><span class=cp>{%</span> <span class=k>static</span> <span class=cp>%}</span></code> template tag.</p> <p>However, to help improve webpage load times you can use this <code class=highlight><span class=n>django_js</span></code> component to defer loading your JavaScript until it is needed.</p> </details> <hr> <div class=md-source-file> <small> Last update: <span class="git-revision-date-localized-plugin git-revision-date-localized-plugin-date" title="March 14, 2025 01:11:54 UTC">March 14, 2025</span> </small> </div> <div class=md-source-date> <small> Authors: <span class="git-page-authors git-authors"><a href=mailto:archiethemonger@gmail.com>Mark Bakhit</a></span> </small> </div> </article> </div> </div> <button type=button class="md-top md-icon" data-md-component=top hidden> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8v12Z"/></svg> Back to top </button> </main> <footer class=md-footer> <div class="md-footer-meta md-typeset"> <div class="md-footer-meta__inner md-grid"> <div class=md-copyright> <div class=md-copyright__highlight> &copy; <div id=year></div> <script>document.getElementById("year").innerHTML = new Date().getFullYear();</script> Reactive Python and affiliates. <div class=legal-footer-right>This project has no affiliation to ReactJS or Meta Platforms, Inc.</div> </div> </div> </div> </div> </footer> </div> <div class=md-dialog data-md-component=dialog> <div class="md-dialog__inner md-typeset"></div> </div> <script id=__config type=application/json>{"base": "../..", "features": ["navigation.instant", "navigation.tabs", "navigation.tabs.sticky", "navigation.top", "content.code.copy", "search.highlight"], "search": "../../assets/javascripts/workers/search.a264c092.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}, "version": {"provider": "mike"}}</script> <script src=../../assets/javascripts/bundle.4e0fa4ba.min.js></script> <script src=../../assets/js/main.js></script> </body> </html>

0 commit comments

Comments
 (0)