Learning The Stack

Note

Learning a new thing can be scary, especially when all you have are some docs and a massive code base to learn from. That’s why we are here to help you learn, build, and contribute. Ask us questions at our Discord!

Our Stack

Component

Technology

Style/Methodology

Database

PostgreSQL

Django ORM

Backend Framework

Django

pycodestyle/Black

Frontend Framework

React/Redux

ESLint/Prettier

CSS Framework

SCSS

BEM/Airbnb

Tutorials and Resources

Learning the Backend

Django is a Python Web framework that provides a huge number of tools for web developers to quickly write scalable code with minimal configuration. It is used all over the tech industry by companies like Spotify, Instagram, YouTube, and DropBox!

Writing your first Django app is the official Django tutorial. It is top notch! The official documentation can be found at the same url and provides high quality information about how to build with this modern web framework. For example, here’s the documentation on making queries with Django

Learning React/Redux

React is a Javascript library created by Facebook for building user interfaces. It allows developers to make encapsulated components that can be written once and used anywhere.

Redux is state container that makes React development easier to manage long term!

The official docs are the go-to: React Basics, React Hooks, Redux & Redux Toolkit, and TypeScript. We suggest going through the step-by-step React tutorial rather than the practical tutorial because the practical tutorial is done with class-based components, but we prefer functional components.

If you’re looking for something more structured, one suggestion is this Udemy course, which covers functional React, Redux concepts, TypeScript, and more.

Ultimately, the best practice will be to create a small project using npx create-react-app my-app --template redux-typescript and going from there. You will become much more familiar with all of the concepts when you try to work through it yourself.

Learning CSS/SCSS

The most important step is to learn the CSS basics.

With that, you can dive into SCSS, a css preprocesor.

For development, we use the BEM methedology (learn about BEM here!) and the Airbnb style guide.

Learning Scraping/Parsing

Coming soon!