{"tag":{"id":"56744721958ef13879b94d9b","name":"development","logo":null,"slug":"development","tagline":null,"__typename":"Tag"},"publication":{"__typename":"Publication","id":"6546311c08e6f2d0c473a19d","url":"https://rubenperegrina.com","canonicalURL":"https://rubenperegrina.com","urlPattern":"SIMPLE","title":"Rubén Peregrina | Angular | TypeScript","displayTitle":"Rubén Peregrina Fron-end Software Engineer Angular TypeScript Wen development React JavaScript SSR Next.js","hasBadges":true,"descriptionSEO":"Front-end Software Engineer using Angular, TypeScript, JavaScript , React, Next.js, web development, Flutter, SSR, web components, RxJs, NgRX","publicMembers":{"totalDocuments":1,"__typename":"PublicationMemberConnection"},"about":{"html":"

Front-end Software Engineer 🤖. I specialise in Angular and I love to writing about TypeScript, JavaScript, Angular and more 🚀

\n","text":"Front-end Software Engineer 🤖. I specialise in Angular and I love to writing about TypeScript, JavaScript, Angular and more 🚀\n","__typename":"Content"},"features":{"proTeam":{"isEnabled":false,"__typename":"ProTeamFeature"},"newsletter":{"isEnabled":true,"__typename":"NewsletterFeature"},"viewCount":{"isEnabled":true,"__typename":"ViewCountFeature"},"readTime":{"isEnabled":true,"__typename":"ReadTimeFeature"},"textSelectionSharer":{"isEnabled":true,"__typename":"TextSelectionSharerFeature"},"customCSS":{"isEnabled":false,"published":null,"draft":null,"__typename":"CustomCSSFeature"},"gptBotCrawling":{"__typename":"GPTBotCrawlingFeature","isEnabled":false},"__typename":"PublicationFeatures"},"metaTags":"","ogMetaData":{"image":null,"__typename":"OpenGraphMetaData"},"author":{"__typename":"User","id":"6546301a8d18652e222524d4","name":"Rubén Peregrina","username":"rubenperegrina","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1699101884433/RJhFwylKS.jpg"},"preferences":{"__typename":"Preferences","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1708544738384/OGnM-DiMa.png","darkMode":{"__typename":"DarkModePreferences","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1708544755012/QQPMjvK2X.png","enabled":true},"navbarItems":[{"__typename":"PublicationNavbarItem","id":"65549ff5c5739d38258ff490","label":"Angular","url":"https://rubenperegrina.com/series/angular","type":"series","series":{"__typename":"Series","id":"65463f7708e6f2d0c473a326"},"page":null},{"__typename":"PublicationNavbarItem","id":"65549ff91ad51639886af966","label":"TypeScript","url":"https://rubenperegrina.com/series/typescript","type":"series","series":{"__typename":"Series","id":"6546406d31ab12d0f49f0e94"},"page":null},{"__typename":"PublicationNavbarItem","id":"6554a00e1ad51639886af97a","label":"JavaScript","url":"https://rubenperegrina.com/series/javascript","type":"series","series":{"__typename":"Series","id":"65549fcbc5739d38258ff48e"},"page":null},{"__typename":"PublicationNavbarItem","id":"6554a0121ad51639886af980","label":"RxJS","url":"https://rubenperegrina.com/series/rxjs","type":"series","series":{"__typename":"Series","id":"654640c408e6f2d0c473a332"},"page":null},{"__typename":"PublicationNavbarItem","id":"6554a0051ad51639886af971","label":"NgRx","url":"https://rubenperegrina.com/series/ngrx","type":"series","series":{"__typename":"Series","id":"654640f008e6f2d0c473a33a"},"page":null},{"__typename":"PublicationNavbarItem","id":"65d63c930dbcb6e7f2d15b3a","label":"About me","url":"https://rubenperegrina.com/about-me","type":"page","series":null,"page":{"__typename":"StaticPage","id":"65d63c0f0dbcb6e7f2d157c9"}},{"__typename":"PublicationNavbarItem","id":"65bb7c94bdef78bbde888156","label":"AI","url":"https://rubenperegrina.com/series/ai","type":"series","series":{"__typename":"Series","id":"657b1f18d69ca11ab7857496"},"page":null},{"__typename":"PublicationNavbarItem","id":"65bb7c99754da34bd6e98646","label":"How to","url":"https://rubenperegrina.com/series/how-to","type":"series","series":{"__typename":"Series","id":"655b3afec8bfa45f6b141bd5"},"page":null}],"enabledPages":{"__typename":"PagesPreferences","badges":false,"newsletter":true,"members":true},"layout":"magazine","disableFooterBranding":false,"isSubscriptionModalDisabled":false},"favicon":"https://cdn.hashnode.com/res/hashnode/image/upload/v1699526685426/k89r7gQ8u.png","headerColor":"#0f172a","integrations":{"fbPixelID":"","fathomSiteID":"","fathomCustomDomainEnabled":null,"fathomCustomDomain":"","hotjarSiteID":"","matomoSiteID":null,"matomoURL":"","gaTrackingID":"G-R7WE9LTQSP","gTagManagerID":null,"plausibleAnalyticsEnabled":null,"wmPaymentPointer":"","koalaPublicKey":null,"msClarityID":null,"__typename":"PublicationIntegrations"},"imprintV2":null,"postsCount":{"totalDocuments":36,"__typename":"PublicationPostConnection"},"isTeam":true,"links":{"twitter":"","instagram":"","github":"https://github.com/rubenperegrina","website":"https://devlibrary.withgoogle.com/authors/rubenperegrina","hashnode":"https://hashnode.com/@rubenperegrina","youtube":"","dailydev":"https://app.daily.dev/rubnperegrina","linkedin":"https://www.linkedin.com/in/rubenperegrina","mastodon":"","facebook":null,"bluesky":null,"__typename":"PublicationLinks"},"domainInfo":{"__typename":"DomainInfo","hashnodeSubdomain":"rubenperegrina","domain":{"__typename":"DomainStatus","host":"rubenperegrina.com","ready":true},"wwwPrefixedDomain":{"__typename":"DomainStatus","host":"www.rubenperegrina.com","ready":true}},"redirectionRules":[],"totalRecommendedPublications":0,"sponsorship":{"content":{"html":"

I'm Front-end software engineer 🤖. I specialise in Angular, I've been working with it since Angular JS and I like to keep up with new technologies. I love to write about Angular, TypeScript, JavaScript and more 📰. My hobbies are travelling around Southeast Asia ✈️, cars and technology.

🔗 Let's connect!

\n","markdown":"I'm Front-end software engineer 🤖. I specialise in Angular, I've been working with it since Angular JS and I like to keep up with new technologies. I love to write about Angular, TypeScript, JavaScript and more 📰. My hobbies are travelling around Southeast Asia ✈️, cars and technology.\n\n🔗 Let's connect!\n\n- [Github](https://github.com/rubenperegrina)\n- [Linkedin](https://www.linkedin.com/in/rubenperegrina/)\n- [Google Dev Library](https://devlibrary.withgoogle.com/authors/rubenperegrina)\n- [daily.dev](https://app.daily.dev/rubnperegrina)","__typename":"Content"},"stripe":{"connected":true,"accountId":"acct_1O8qWDIiXFgWHLsk","country":"ES","__typename":"StripeConfiguration"},"__typename":"PublicationSponsorship"},"allowContributorEdits":true,"posts":{"edges":[{"node":{"__typename":"Post","id":"65dcaeb5f67303aa78047f00","title":"Why use TypeScript?","slug":"why-use-typescript","publishedAt":"2024-02-26T15:31:01.038Z","cuid":"clt33j2ni00010ajthhqv7d71","url":"https://rubenperegrina.com/why-use-typescript","subtitle":"Empowering development with TypeScript: A deep dive into Its advantages","brief":"TypeScript has established itself as an essential tool for improving code quality and maintainability. At the beginning, it may appear to be a layer on top of JavaScript, but its benefits extend far beyond that. In this article, we will explore what ...","readTimeInMinutes":3,"views":639,"author":{"__typename":"User","id":"6546301a8d18652e222524d4","username":"rubenperegrina","name":"Rubén Peregrina","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1699101884433/RJhFwylKS.jpg","followersCount":61},"coverImage":{"__typename":"PostCoverImage","url":"https://cdn.hashnode.com/res/hashnode/image/stock/unsplash/8Zt0xOOK4nI/upload/3552d13f840ccc5796f9262ed1cb06e9.jpeg","isPortrait":false,"isAttributionHidden":true}},"cursor":"NjVkY2FlYjVmNjczMDNhYTc4MDQ3ZjAwXzIwMjQtMDItMjZUMTU6MzE6MDEuMDM4Wg==","__typename":"PostEdge"},{"node":{"__typename":"Post","id":"65ca0f2b77e0499b269562e3","title":"How to use environments in Angular","slug":"how-to-use-environments-in-angular","publishedAt":"2024-02-12T12:29:31.391Z","cuid":"clsiwvqtb000708l4adsgfb42","url":"https://rubenperegrina.com/how-to-use-environments-in-angular","subtitle":"The best way to deal with environments in an Angular application","brief":"Creating and managing environments in Angular applications could be difficult, especially if we have a lot of them and you never work with them.\nIn this article, we will take a look at how Angular applications manage this and we will create a few exa...","readTimeInMinutes":3,"views":417,"author":{"__typename":"User","id":"6546301a8d18652e222524d4","username":"rubenperegrina","name":"Rubén Peregrina","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1699101884433/RJhFwylKS.jpg","followersCount":61},"coverImage":{"__typename":"PostCoverImage","url":"https://cdn.hashnode.com/res/hashnode/image/stock/unsplash/auEPahZjT40/upload/026d204e0c57767161470ce66dc25690.jpeg","isPortrait":false,"isAttributionHidden":true}},"cursor":"NjVjYTBmMmI3N2UwNDk5YjI2OTU2MmUzXzIwMjQtMDItMTJUMTI6Mjk6MzEuMzkxWg==","__typename":"PostEdge"},{"node":{"__typename":"Post","id":"65bb6735fbd858092ee4a049","title":"Exploring Angular 17.1's revolutionary feature: Input Signals","slug":"exploring-angular-171s-revolutionary-feature-input-signals","publishedAt":"2024-02-01T09:41:09.529Z","cuid":"cls310uu1000f0al50s3naaw2","url":"https://rubenperegrina.com/exploring-angular-171s-revolutionary-feature-input-signals","subtitle":"A deep dive into the power of signal inputs in Angular components","brief":"Angular 17.1 has recently unveiled a groundbreaking feature – Input Signals. This latest addition transforms the way we handle component inputs, replacing the familiar @Input decorator with a powerful function called input(). In this article, we'll e...","readTimeInMinutes":2,"views":187,"author":{"__typename":"User","id":"6546301a8d18652e222524d4","username":"rubenperegrina","name":"Rubén Peregrina","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1699101884433/RJhFwylKS.jpg","followersCount":61},"coverImage":{"__typename":"PostCoverImage","url":"https://cdn.hashnode.com/res/hashnode/image/stock/unsplash/yjygDnvRuaI/upload/24677aae283c1c3040b0ba5ca83c025c.jpeg","isPortrait":false,"isAttributionHidden":true}},"cursor":"NjViYjY3MzVmYmQ4NTgwOTJlZTRhMDQ5XzIwMjQtMDItMDFUMDk6NDE6MDkuNTI5Wg==","__typename":"PostEdge"},{"node":{"__typename":"Post","id":"65ae4fa6faa80015871f99c8","title":"Angular Roadmap - The guide I wanted to have before starting in Angular","slug":"angular-roadmap-the-guide-i-wanted-to-have-before-starting-in-angular","publishedAt":"2024-01-22T11:21:10.352Z","cuid":"clrou6yfk00030ajqcv46d1gs","url":"https://rubenperegrina.com/angular-roadmap-the-guide-i-wanted-to-have-before-starting-in-angular","subtitle":"Revealing the insights I wish I had known before diving into Angular development","brief":"Introduction\nAs a beginner, it's easy to feel overwhelmed when diving into a new framework like Angular, but fear not, we're here to guide you! In this post, we'll break down a step-by-step roadmap that I wish I had when I started my Angular programm...","readTimeInMinutes":9,"views":409,"author":{"__typename":"User","id":"6546301a8d18652e222524d4","username":"rubenperegrina","name":"Rubén Peregrina","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1699101884433/RJhFwylKS.jpg","followersCount":61},"coverImage":{"__typename":"PostCoverImage","url":"https://cdn.hashnode.com/res/hashnode/image/stock/unsplash/vv-oEGlN-4E/upload/32c238abaf9798060fb05315493e94e8.jpeg","isPortrait":false,"isAttributionHidden":false}},"cursor":"NjVhZTRmYTZmYWE4MDAxNTg3MWY5OWM4XzIwMjQtMDEtMjJUMTE6MjE6MTAuMzUyWg==","__typename":"PostEdge"},{"node":{"__typename":"Post","id":"6569bed47b16ca35bf000a12","title":"Enhancing subscription management with takeUntilDestroy in Angular","slug":"enhancing-subscription-management-with-takeuntildestroy-in-angular","publishedAt":"2023-12-01T11:09:08.843Z","cuid":"clpmiv71n000a0al380f4crnj","url":"https://rubenperegrina.com/enhancing-subscription-management-with-takeuntildestroy-in-angular","subtitle":"Improving efficiency and preventing memory leaks in your Angular applications","brief":"Angular provides effective tools for developing robust applications, however, it is essential to manage observables subscriptions properly to prevent performance complications and potential memory leaks. This guide presents a practical approach to im...","readTimeInMinutes":2,"views":110,"author":{"__typename":"User","id":"6546301a8d18652e222524d4","username":"rubenperegrina","name":"Rubén Peregrina","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1699101884433/RJhFwylKS.jpg","followersCount":61},"coverImage":{"__typename":"PostCoverImage","url":"https://cdn.hashnode.com/res/hashnode/image/stock/unsplash/XFUqd0u5U7w/upload/4f9d072c4d4fa74fae07225be10295ff.jpeg","isPortrait":false,"isAttributionHidden":true}},"cursor":"NjU2OWJlZDQ3YjE2Y2EzNWJmMDAwYTEyXzIwMjMtMTItMDFUMTE6MDk6MDguODQzWg==","__typename":"PostEdge"}],"pageInfo":{"endCursor":"NjU2OWJlZDQ3YjE2Y2EzNWJmMDAwYTEyXzIwMjMtMTItMDFUMTE6MDk6MDguODQzWg==","hasNextPage":false,"__typename":"PageInfo"},"__typename":"PublicationPostConnection"}}}