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. Browser extensions for Web Development
  4. Cascading Style Sheets (CSS)
  5. Content Delivery Network (CDN)
  6. CORS
  7. Design tools
  8. DOM
  9. Frontend toolkits
    1. bootstrap toolkit
    2. Dojo Toolkit
  10. How to disable selection options using JavaScript?
  11. HTML and DHTML
  12. Icon libraries
  13. IDE extensions for Web Development
  14. JSPs
  15. npm and yarn
  16. NextJS
  17. 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 React Hooks
    15. useState hook
    16. Automatic Batching
    17. React - Gotcha with setstate Function
    18. useEffect hook
      1. You Might Not Need an Effect
    19. Structure of React projects
    20. Should I use react-router-dom or react-router?
    21. useRef hook
    22. Custom React hooks
    23. Context API
    24. useReducer hook
    25. Testing React applications
  18. Events and Event Handling
  19. Single page applications (SPAs) and Micro Frontends
  20. Webpack

Links to this note