• Skip to primary navigation
  • Skip to main content
  • Skip to footer

Codemotion Magazine

We code the future. Together

  • Discover
    • Events
    • Community
    • Partners
    • Become a partner
    • Hackathons
  • Magazine
    • Backend
    • Frontend
    • AI/ML
    • DevOps
    • Dev Life
    • Soft Skills
    • Infographics
  • Talent
    • Discover Talent
    • Jobs
    • Manifesto
  • Companies
  • For Business
    • EN
    • IT
    • ES
  • Sign in
ads

Federica BoveDecember 11, 2019

Refactoring an Angular application through a live coding session

Community Management
facebooktwitterlinkedinreddit

Hello Fabio, you are the one who brought the Angular community to Rome! You are also the one who talked about refactoring an application during one of the #AperiTech meetups. Could you tell us more about this?

Exactly: on that occasion, lasting a couple of hours, I took a written application in an almost procedural way, then a single giant file where we had a small CRUD application, with the classic operations (insertion, writing, deletion), and I performed a refactoring by subdividing the component code, applying a module approach, exploiting the depending injection in an optimal way. I showed the meetup attendees how to switch from a “scrambled” code with the so-called spaghetti code to something more structured and scalable, which is one of the advantages of using Angular, i.e. providing all the means to be able to write codes of extremely high quality.

Recommended article
Building a developer community
February 1, 2021

Common Mistakes when Building Developer Communities

Cate Lawrence

Community Management

It’s not easier to write it because it requires more time, more attention. Writing everything in a single file rather than splitting it into different units takes more time but is more sustainable, scalable and readable, even by colleagues. The important thing is to understand the following fact: writing good code doesn’t mean being more productive in the short term, because it clearly requires more attention, but in the medium/long term it offers great advantages.

We totally agree with you! What’s your story?

A few years ago, I founded some communities which existed before only online – on Facebook (Italian Angular Developers, Italian React Developers, JavaScript again for Italians and the newly created Opportunities for Italian Developers, which collects job offers, proposals, initiatives). I’m a former Adobe developer, where I dealt with Flash, Flex, Air and so on. I was unemployed from 2011 and I had to switch to working on JavaScript. I basically started from scratch, studying the basics: HTML, CSS, JavaScript. In 2012, among the various frameworks, I could choose between Ember, Backbone and AngularJS. Among these frameworks, I chose AngularJS because it was the one that more or less had similarities with Flex, such as binding, component management and other things. I was happy with my choice, because the others petered out, while AngularJS was quite successful. At the same time, I was always keeping an eye on UX, despite not being a designer, and having worked many years on Flash, I always ran up against issues related to animation. So I started studying Canvass and another very famous library, D3JS, which lets you create charts and infographics. In 2014/2015 I moved from AngularJS to React, working as a developer for two years. Today, I still use it, although not that often. Two years ago, the new one from Google came out, Angular version 7, and what I currently do is training, mentoring and consulting mainly on Angular and React.

You found yourself choosing between programming languages and you chose Angular. What are the future prospects for this technology?

What I notice, through contact with very many companies, is that many are trying to migrate the entire front-end, especially in the scope of enterprises like banks with the software of a certain nature, with a medium-long life cycle. In many of these cases, we’re trying to replace the front-end previously developed in Java (usually in JSF or DotNet) with Angular.

Migrations are delicate stages and the process happens slowly. It must be said that Angular 7 has only been released in beta for a few days, and it’ll be in the next few months that it’ll gain prominence, greatly changing the perspective of Angular itself, because currently, the bundle size (the total size of the application) is a bit big compared to a React or a View. For example, we come to a “hello world” of 300k, against the 60/20k of other frameworks which are therefore significantly lower. However, it seems that in Angular7 you’ll be able to have a bundle size of about 3/4k in “hello world” and this could change the perspective, attracting a new target, for example, that of websites or micro applications.

Related Posts

Learning About Community Outreach with Simon Johanning

Lorenzo Ermigiotti
December 29, 2020
trolls social media

Dealing with Trolls in Your Community

Lorenzo Ermigiotti
December 21, 2020
devrel

How To Measure Success in DevRel Between Companies and Communities

Lorenzo Ermigiotti
November 13, 2020
community

6 Soft Skills Every Tech Community Manager Should Have to Succeed

Lorenzo Ermigiotti
November 5, 2020
Share on:facebooktwitterlinkedinreddit

Tagged as:Codemotion Rome Community Interview

Federica Bove
Graph Analytics in the AperiTech Community
Previous Post
How to Challenge Your Code with Property-Based Testing – Part 1
Next Post

Footer

Discover

  • Events
  • Community
  • Partners
  • Become a partner
  • Hackathons

Magazine

  • Tech articles

Talent

  • Discover talent
  • Jobs

Companies

  • Discover companies

For Business

  • Codemotion for companies

About

  • About us
  • Become a contributor
  • Work with us
  • Contact us

Follow Us

© Copyright Codemotion srl Via Marsala, 29/H, 00185 Roma P.IVA 12392791005 | Privacy policy | Terms and conditions