<h1 id="web-dev">Web Dev<a aria-hidden="true" class="anchor-heading icon-link" href="#web-dev"></a></h1>
<h2 id="summary">Summary<a aria-hidden="true" class="anchor-heading icon-link" href="#summary"></a></h2>
<p>This is a list of resources for getting started with frontend development at Dendron</p>
<h2 id="concepts">Concepts<a aria-hidden="true" class="anchor-heading icon-link" href="#concepts"></a></h2>
<h3 id="react">React<a aria-hidden="true" class="anchor-heading icon-link" href="#react"></a></h3>
<p>Our frontend framework for building rich UI elements for both the Dendron Preview and the Dendron Web Client </p>
<h3 id="nextjs">Next.js<a aria-hidden="true" class="anchor-heading icon-link" href="#nextjs"></a></h3>
<p>Framework for React. Makes it easy to setup, develop and publish a react project with <a href="https://www.freecodecamp.org/news/demystifying-reacts-server-side-render-de335d408fe4/">server side rendering</a> and other goodies. </p>
<p>Heavily optimized for performance. </p>
<h3 id="redux">Redux<a aria-hidden="true" class="anchor-heading icon-link" href="#redux"></a></h3>
<p>Manage state in React Apps</p>
<h2 id="tutorial">Tutorial<a aria-hidden="true" class="anchor-heading icon-link" href="#tutorial"></a></h2>
<p>We recommend you do the tutorial in the following order. </p>
<ul>
<li><a href="https://reactjs.org/tutorial/tutorial.html">React</a></li>
<li><a href="https://nextjs.org/docs/getting-started">Next.js</a></li>
<li><a href="https://redux-toolkit.js.org/tutorials/quick-start">Redux</a></li>
</ul>
<p>After you have gone through the above tutorials, we recommend that you put them to practice by taking a task labelled <code>#size.small</code> from <a href="/notes/wnjZiTP1UEW9e0aGz1HT0">publishing milestones</a>. </p>
<p>Feel free to post in the <code>#dev</code> channel of our <a href="https://discord.gg/AE3NRw9">discord</a> if you have any questions or want further context on the tasks. </p>
<h2 id="resources">Resources<a aria-hidden="true" class="anchor-heading icon-link" href="#resources"></a></h2>
<p>To do a deep dive into specific concepts, we recommend the following resources</p>
<h3 id="react-1">React<a aria-hidden="true" class="anchor-heading icon-link" href="#react-1"></a></h3>
<ul>
<li><a href="https://overreacted.io/">Overreacted</a>: Dan Abramov is one of the creators of React and writes great technical pieces about it</li>
<li><a href="https://github.com/enaqx/awesome-react">enaqx/awesome-react: A collection of awesome things regarding React ecosystem</a>: awesome list of React resources</li>
</ul>
<h3 id="nextjs-1">Next.js<a aria-hidden="true" class="anchor-heading icon-link" href="#nextjs-1"></a></h3>
<ul>
<li><a href="https://github.com/unicodeveloper/awesome-nextjs">unicodeveloper/awesome-nextjs: A curated list of awesome resources : books, videos, articles about using Next.js </a></li>
</ul>
<hr>
<strong>Backlinks</strong>
<ul>
<li><a href="/notes/b5736273-85ad-4d0c-bb30-89c92a3941da">Reference</a></li>
</ul>

Web Dev

dendron.dendron.docs


Welcome to the Dendron Developer Docs 

This contains all packages used in [Dendron](https://github.com/dendronhq/dendron).

The docs are organized into the following hierarchies:
- [[Development|dendron://dendron.docs/dev]] (`dev.*`): general development docs 
- [[Packages|dendron://dendron.docs/pkg]] (`pkg.*`): package specific docs
- [[Rfc|dendron://dendron.docs/rfc]] (`rfc.*`): proposals of new features from the Dendron Team and Community
