Front end development

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. Domain Name System
10. Frontend toolkits
    1. bootstrap toolkit
    2. Dojo Toolkit
11. Hosting platforms
12. How to disable selection options using JavaScript?
13. HTML and DHTML
14. Icon libraries
15. IDE extensions for Web Development
16. JSPs
17. npm and yarn
18. NextJS
19. 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
20. Events and Event Handling
21. Single page applications (SPAs) and Micro Frontends
22. Webpack