Blog
![A lint roller](https://res.cloudinary.com/rangle/image/upload/w_auto,q_auto,dpr_auto,f_auto/v1659118787/rangle.io/blogs/custom-tslint-for-angular/feature-photo.png)
So you've just written this super awesome directive for Angular that does all the things and has all the tests. It's been committed, pushed and you've opened a Pull Request! All done! Awesome! High five! Woo!
![3 lego bricks](https://res.cloudinary.com/rangle/image/upload/w_auto,q_auto,dpr_auto,f_auto/v1659118784/rangle.io/blogs/systemizing-visual-design-qa/feature-photo.gif)
Being a designer at Rangle has allowed me to work on projects spanning a variety of sizes, scopes, and industries. Through working on these projects, I’ve encountered different approaches when it comes to Visual Design Quality Assurance (I'll refer to it as Design QA throughout the rest of the article).
![redux logo](https://res.cloudinary.com/rangle/image/upload/w_auto,q_auto,dpr_auto,f_auto/v1659118778/rangle.io/blogs/redux-typescripted/feature-photo.gif)
For fans of Redux and Typescript like myself, the release of Redux 4 was a highly anticipated event, and it did not disappoint. The new enhanced typing definitions help to provide a nice and strongly typed Redux setup, minimizing the number of runtime errors. This article will give you a different perspective on the many ways you can structure the app.
![Hand holding a magician's wand](https://res.cloudinary.com/rangle/image/upload/w_auto,q_auto,dpr_auto,f_auto/v1659118776/rangle.io/blogs/component-test-coverage/feature-photo.gif)
When it comes to unit testing, business logic is considered the most valuable area of your code to test because if there is an error, heads will roll 😵. This was apparent on a React Native project I recently worked on that had plenty of unit tests for the Redux part of the app - reducers, sagas, and selectors, but the overall code coverage was not great 🤔. There was a lot of presentation logic and components that were not covered. So when I joined, the goal was to bring the overall coverage up by unit testing 👨🏼💻the remaining code.
![hammer and wrench emoji](https://res.cloudinary.com/rangle/image/upload/w_auto,q_auto,dpr_auto,f_auto/v1659118777/rangle.io/blogs/rangle-introduces-augury-labs-performance-profiler/feature-photo.png)
In 2015 Rangle introduced Augury, what is now the most used tool for debugging, profiling, and inspecting Angular applications with Google Chrome and Mozilla Firefox browsers. Augury helps you to visualize what's going on behind the scenes without having to sift through source code. In this post, I’ll explain why our team is passionate about Augury and give you the first sneak peek at our new tool, Performance Profiler.
![piping](https://res.cloudinary.com/rangle/image/upload/w_auto,q_auto,dpr_auto,f_auto/v1659119181/rangle.io/blogs/react-native-ci-cd-pipelines-visual-studio-app-center/feature-photo.jpg)
Building a React Native app is often a painful process since signing, and building apps manually is too frustrating. So, what if I told you that you could easily set up builds and signing that would happen automatically? Not only that, but you could also run automated tests similar to how typical CI/CD pipelines work. Sound too good to be true? I’ll show you how it’s done using Visual Studio App Center.
![Two circles merging](https://res.cloudinary.com/rangle/image/upload/w_auto,q_auto,dpr_auto,f_auto/v1659119180/rangle.io/blogs/diversity-and-inclusion-at-rangle/feature-photo.gif)
Diversity and inclusion have long been at the forefront of Rangle’s mission and culture. We do our best to reflect this in our day to day practices. While it’s not a perfect science, we believe it’s important to keep working towards an environment where everyone feels confident and welcome. That’s why for our NewCo Open House we let a wide range of Ranglers share what their experience has been like since joining. With that being said, we’ll let them speak for themselves:
![Red Crayon Emoji](https://res.cloudinary.com/rangle/image/upload/w_auto,q_auto,dpr_auto,f_auto/v1659119175/rangle.io/blogs/styling-with-functional-css/feature-photo.jpg)
In this article I'll explain what functional CSS is, show you how it compares to traditional CSS, and demonstrate how you can simplify styling by using functional CSS!