-</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">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> © <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