January 2022 Summaries

Tailwind CSS is a utility-first framework that offers customization and has gained popularity for styling applications. This blog post explores integrating Tailwind CSS with Angular within an Nx monorepo, emphasizing the creation of two simple applications using shared UI components stored in libraries. The process involves setting up an Nx workspace, configuring Tailwind CSS, and leveraging Nx's library support to extract components into shared libraries, including a non-buildable library for headers and a buildable library for cards. It also discusses creating a publishable library for buttons and addresses how Tailwind CSS works with Angular libraries, including setting up themes using CSS variables for different applications. The post concludes with the benefits of sharing a Tailwind CSS configuration using a preset, allowing multiple applications to have different themes while maintaining shared components and styles across projects.

Nx is a versatile build framework designed to facilitate efficient architecture, testing, and building at scale, integrating smoothly with modern technologies and offering features like a robust CLI, computation caching, and dependency management. With the release of Nx 13.5, it introduces a dynamic terminal output that improves developer experience by clearly separating completed and ongoing tasks, ensuring errors are easily identifiable, and maintaining cached outputs for efficiency. This update also brings significant performance enhancements, making Nx operations considerably faster, and introduces performance profiling tools that allow developers to visualize and optimize Nx commands using Chrome DevTools. Additionally, React Native support within Nx now includes automatic setup for environment variables, while the project graph visualization has been enhanced with features for better usability in larger workspaces, including URL-stored filters for easy sharing. The Angular plugin sees improvements with options to skip module creation and support for multiple state slices, among other enhancements, and updating Nx is straightforward with the provided migration commands.