</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"
>¶
</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:[email protected]>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> ©
<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