Front end development

Table of Contents

How can learning front-end tech like React or Angular help a backend engineer?

TODO

  1. https://stackoverflow.blog/2022/10/31/comparing-frameworks-for-cross-platform-apps-flutter-vs-react-native/
  2. https://dzone.com/articles/react-or-angular-for-frontend-development?fromrel=true
  3. https://stackify.com/angular-vs-angularjs-differences-between-angular-and-angularjs/
  4. https://careerkarma.com/blog/how-to-learn-react/
  5. https://careerkarma.com/blog/learn-angular/
  6. Overview of Popular Frameworks: React, Vue, and Angular: https://medium.com/@afolayanolatomiwa/overview-of-popular-frameworks-react-vue-and-angular-f7d38df1b1db

Tailwind CSS

TODO

  1. https://tailwindcss.com/
  2. https://www.geeksforgeeks.org/css/tailwind-css/
  3. https://daily.dev/blog/tailwind-css-basics-for-beginners

Helpful tools for developing and testing UI components

  1. React Cosmos
    1. React Cosmos is a powerful tool for developing and testing UI components in isolation. It allows you to focus on one component at a time, resulting in faster iteration and higher-quality components.
    2. https://reactcosmos.org/docs
    3. https://github.com/react-cosmos/react-cosmos?tab=readme-ov-file

Tags

  1. Angular
  2. Apache Wicket
  3. bootstrap toolkit
  4. Browser extensions for Web Development
  5. Cascading Style Sheets (CSS)
  6. Content Delivery Network
  7. CORS
  8. Design tools
  9. Dojo Toolkit
  10. DOM
  11. Domain Name System
  12. Hosting platforms
  13. How to disable selection options using JavaScript?
  14. HTML and DHTML
  15. Icon libraries
  16. IDE extensions for Web Development
  17. JSPs
  18. npm and yarn
  19. NextJS
  20. React
    1. Why learn React?
    2. Resources to learn React
    3. Creating a React application
    4. React Components
    5. JSX
    6. JSX - if else condition
    7. JSX - CSS
    8. JSX - Javascript
    9. Using props in React
    10. React Events
    11. React Development tips
    12. Converting html apps to React apps
    13. Initial Render and Re-Renders
    14. General Rules of Hooks
    15. useState hook
    16. Automatic Batching
    17. Gotcha with Set Function
    18. useEffect hook
      1. You Might Not Need an Effect
    19. Structure of React projects
    20. useRef hook
    21. Custom hooks
    22. Context API
    23. useReducer hook
  21. Events and Event Handling
  22. Single page applications (SPAs) and Micro Frontends
  23. Webpack
  24. What happens when you type a URL into your browser?

Links to this note