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!