General upskilling resources
Document Creation: 8 August, 2024. Last Edited: 8 August, 2024. Authors: Leesa Ward.
Don't know React? Never used a CSS-in-JS library like Styled Components? Tripping over TypeScript? Here are some resources to help you get up to speed on our front-end tech stack in a general sense.
There are many ways to achieve the same thing in web development, but it is important to follow a set of conventions and patterns in individual projects to ensure consistency and maintainability. These upskilling resources are general suggestions for gaining an understanding of the technologies we use; the implementation specifics may differ slightly so please always ensure you follow the Redback-specific guides in this website.
React for beginners
- [Video series] The Beginners' Guide to React - Kent C. Dodds on Egghead, last updated 2021
- [Written tutorial] Common beginner mistakes in React - Josh W Comeau
- [Video series] React: Using TypeScript - Emmanuel Henri on LinkedIn Learning, April 2024
- [Video series] React Hooks - Eve Porcello on LinkedIn Learning, December 2020
- [Video series] Coding Exercises: React.js - Ali Spittel on LinkedIn Learning, June 2022
Styled Components
- [Written tutorial] De-mystifying styled components - Josh W Comeau
- [Video series] React with Styled Components - Julia Dyck on LinkedIn Learning, April 2024
Accessibility
- Develop Accessible Web Apps with React - Erin Doyle on Egghead, last updated 2023
TypeScript
- [Video series] Up and running with TypeScript - John Lindquist on Egghead, last updated 2023
- [Video series] TypeScript Essential Training - Jess Chadwick on LinkedIn Learning, April 2024
- [Video series] React: Using TypeScript - Emmanuel Henri on LinkedIn Learning, April 2024
Intermediate topics in React
- [Written tutorial] Understanding useMemo and useCallback - Josh W Comeau
- [Written tutorial] Data binding in React - Josh W Comeau
- [Written tutorial] Why React Re-Renders - Josh W Comeau
- [Video series] Building Modern UIs with React Router V6 - Guil Hernandez on LinkedIn Learning, August 2022
- [Video series] React: Working with APIs - Emmanuel Henri on LinkedIn Learning, July 2023
Testing
- [Video series] An introduction to the React Testing Library - Daniel Afonso on Egghead, last updated January 2024
When finding further resources yourself, always ensure they are up-to-date and relevant to the version of the technology we are using. For example, if you are learning React, the current version is 18 and function components are generally preferred over class components. Older resources may go into detail about class components and lifecycle methods which are no longer considered best practice.