fabiochiu/medium-articles huggingface dataset:
Mistakes to avoid while using AKS
Tags: Azure Kubernetes Service, Avoid, Kubernetes, Mistakes, Azure

Azure Kubernetes Service being a managed service has its own limitation. However, sometimes we don’t pay attention to these limitations when we create AKS Cluster. We only realize when the situation gets worse and we have no option but to resolve the issue or deploy the cluster from scratch. Here is a list of key points you should consider when creating AKS Cluster.

Standard Load Balancer:-

When you create AKS Cluster via Portal, default Load Balancer as of now is Standard Load Balancer. However, if you choose to create an AKS Cluster using Basic Load Balancer, you might hit the limitation of adding multiple Nodepools which isn’t support for Basic SKU. Apart from it, it has limitation related to SNAT Ports that can be assigned to each virtual machine.

SubnetFull Error with Azure CNI:-

Azure CNI Network Plugin provides IP Addresses to Pods from same CIDR used for Nodes. Thus, it’s possible that customers might start getting SubnetFull error if the network isn’t planned in a right way. Please make sure you plan your network correctly when using Azure CNI.

AAD Integration:-

We all want the environment to be secure and follow the principle of least privilege. AKS supports AAD integration, however, please make sure that Kubernetes RBAC is enabled for the cluster else AAD Integration might fail. AAD integration can’t be disabled once it’s enabled for a cluster.

Service Principal Management:-

AKS uses Service Principal to manage cluster resources and it’s one of the key components that need to be managed in a subtle way. Please make sure you’re monitoring the expiry of your Service Principal Secret. If it’s expired, you might see issues related to resource provisioning failure such as failure to create PV/PVC, Unable to create Service of type LoadBalancer, etc.

AKS Security Using Azure Policy:-

Please don’t leave your cluster open to vulnerabilities. Although, it’s really hard to make it 100% secure. But Azure Policy allows you to achieve this to some extent.

Backup Your Data:-

It’s very important to backup your data when you’re using Kubernetes in general or AKS. AKS doesn’t provide a lift and shift mechanism, thus it’s really important to take backup of your application and cluster’s data. This will help if you want to create a cluster from scratch using existing data.

Upgrade To Supported Version:-

It’s very necessary to keep upgrading AKS to a supported version. It helps to keep your AKS Cluster within support scope and each upgrade provides enhanced functionality or bug fixes to the issues which were raised during the previous version.

System Nodepool:-

AKS Cluster is created with a default Nodepool and the mode are set to “system” for it. You can create a new Nodepool with mode set to “user”, but it’s not possible to change the mode to “user” if you only have one Nodepool. AKS needs at least one Nodepool with mode set to “system”.

These are just a few of the things that were on my list for now. I will keep adding as I move forward and continue my learning.
Are you making these common management mistakes?
By: Fast Way
Tags: Work From Home, Mistakes, Money, Management, Bussiness

1-Not providing feedback:

failing to provide feedback is common mistake leaders make. When you fail to provide prompt feedback to your people, you’re taking away from them the opportunity to improve their performance.

To avoid this mistake, try learning how to provide regular feedback.

2-not making time for your team

When you’re a manager, it’s easy to get so busy with your work that you don’t make yourself available to your team. Without you being available to lead them, your people won’t know what to do, and they won’t have the guidance that they need to achieve their objectives. Avoid this mistake by setting up a time in your schedule specifically for your people, and learn how to listen actively to your teammates. Work on your emotional intelligence so that you can be more aware of your team’s needs.

3-being too friendly or too hands-off

Many managers and leaders try to avoid micromanagement, but doing the opposite (with a hand-offs management style) isn’t any better you need to get the balance right. The article, Laissez Faire versus Micromanagement will help you find the right balance for your own situation. Most people want to seem friendly and approachable to their team. However, sometimes you have to make tough decisions regarding people in your team, and some might be tempted to take advantage of your relationship if you’re way too friendly. You do need to get the right balance between being the friend and the boss. Learn how to avoid this mistake, set clear boundaries, so that your teammates won’t take advantage of you, also with the article, Now You’re the Boss.

4-failing to define goals

When your people don’t have clear goals, they can’t be productive, especially if they have no idea what they’re working for, or what their work means.

Avoid this mistake by learning how to set SMART goals for your team. Use a Team Charter to specify where your team is going, and detail the resources it can draw upon. Also, use principles from Management by Objectives to align your team’s goals to the mission of the organization.
3 things you should immediately do if you made a mistake at work
By: Raveena Ranjith
Tags: Problem Solving, Career Advice, Mistakes, Work

3 things you should immediately do if you made a mistake at work Raveena Ranjith Jun 8·2 min read

It’s okay if you made a mistake at work. Everyone makes mistakes, that’s how we learn and grow. Whether you made a temporary glitch or a huge mistake, it’s always important to focus on solving the problem at hand, rather than overthinking a hypothetical situation. It’s really important how you react to the situation more than what you did.

Here are 3 easy steps to do that with an easy action item that will help you handle the situation like a pro!

You can run but never hide!

Understand you trying to hide your mistake will only make it worse. If you are honest about it, you will gain trust from your colleagues and boss. Even if you might have caused some discomfort, they’ll come around, just give it some time.

Running away from your problems or just ignoring them is not going to help you, my friend. Taking ownership of your mistakes shows the grit in your character and people will respect you for that.

Action item: Tell your boss immediately

Pro tip: Be proactive, not reactive.

Absolutely no blame games!

Even though this sounds obvious most people try to defend themselves rather than accepting the mistake. Even if there is someone else involved in the issue, don’t bring it up until they ask it or just explain it after addressing your own mistake first.

It’s easy to point your fingers at people rather than accepting your own mistakes. Just think who wants to be friends with a colleague who throws you under the bus when a problem arises.

Action item: Apologize, but don’t overdo it

Pro tip: No Emails! Set a meeting with your boss.

Come up with a solution

Based on the situation, come up with a solution. Let’s say you have a deadline issue, just give them a specific time on when you can finish it or ask for help if you can’t. Even if you don’t have a solution, just inform them that you are working on the problem rather than depending on them to give you guidance.

It’s always a win-win situation if you do the thinking. Don’t look at it as a band-aid for the issue you created rather an opportunity to showcase your problem-solving skills.

Action item: Keep up with your word and stay consistent

Pro Tip: Never repeat it (Obviously).

Effective people are not problem-minded, they are opportunity-minded. They feed opportunities and starve problems. ~ Stephen Covey

Conclusion

Don’t think too much about this, just follow those three steps, it might be a setback in the Understand that people are usually thinking about their own goals, projects, and issues, they’ve probably forgotten all about whatever you did wrong in a while.
Why MISTAKES are good!!. Life is a journey, full of ups and…
By: Sakshi Sharma
Tags: Happiness, Success, Secret Of Life, Life Lessons, Mistakes

NOBODY is perfect and I am nobody

Life is a journey, full of ups and downs. Many a time we come across situations where decisive steps are to be taken. We got stuck and find it difficult to decide. The intelligence here lies in, listen to your heart, go for what it says. The decision you took can be full of challenges, can have a low probability of success, and worse it can turn into a “MISTAKE”. But the question “what if” will not annoy you in the future. The satisfaction of trying is better than regretting for not attempting it.

Though it is always easier to sit and avoid situations, it is very painful to regret. Mistakes can be corrected but it’s almost impossible to go back and do something to waive your regret. One learns from mistakes, and regret disappoints you.

Go for it, what if you succeed and if don’t, try again. Mistakes happen in life. No one is exempt.

It’s better to look back and say: “I can’t believe I did that” than to look back and say: “I wish I should have”.

Have mistakes not regret.
Trusting or, Betraying?
Tags: Trust, Betray, Mistakes

Trusting or, Betraying?

They were strangers before they met at a cafe. Both were gone with the same pain. Days passed, they keep meeting at random parties, started connecting virtually.

One day, he called her in the midnight and started crying with his hidden pain. She didn’t ask why, because she knew that loneliness makes people painful and keep them only with tears!

There was no classify for their feelings, faltered to express how they feel each other! But when they see each other, there was a magnificent smile on each face.

One day, she was confused about him. What she is doing, what is it all about? Why she feels hurtful if he didn’t turn to meet her? And why he was avoiding her to meet?

Were all about intellectuals?

He was sharing her moments with another person which she was not aware of it. But Invisible energy has different plan all together.

She heard everything from another person about their beautiful moments and she was stunned.

Why did he do that? This question was disturbing her consciousness. What made him to do this intolerable attempt?

Was that a Mistake of Trusting Him or, Betraying Her?
ADHD and Commonly Co-Occurring Disorders
By: Jillian Enright
Tags: Mental Health, Adhd, Anxiety, Psychology, Gender Bias

ADHD and Comorbid Conditions

Image created by author

What are comorbidities?

Comorbidities are disorders or conditions that are commonly diagnosed together. For example, when you have ADHD, you are more likely than the general population to also have anxiety (Mohammadi et al., 2021).

Comorbid disorders can make it more challenging to receive an accurate diagnosis, to receive effective treatment, and to differentiate symptoms from one condition to the next.

The most common comorbid conditions associated with ADHD are Anxiety Disorders, Obsessive Compulsive Disorder (OCD), Bipolar Disorder (BD), Depression, Substance Use Disorders (SUD), and Borderline Personality Disorder (BPD).

Anxiety Disorders

Anxiety disorders are the most prevalent groups of comorbidities in people with ADHD (Mohammadi et al., 2021).

According to the American Psychiatric Association (APA), the most common anxiety disorders are:

Phobias

Social Anxiety Disorder

Panic Disorder

Agoraphobia

Generalized Anxiety Disorder

Separation Anxiety Disorder

In the fourth edition of the Diagnostic and Statistical Manual (DSM-IV), Obsessive Compulsive Disorder (OCD) was classified as an anxiety disorder. In the fifth and most recent edition, the DSM-V, OCD has been given its own class, Obsessive-Compulsive and Related Disorders (SAMHSA, 2016).

Regardless of classification, OCD is also a common comorbid condition in people with ADHD (Masi et al., 2006; Farrell et al., 2020) and is associated with persistent thoughts and urges which cause marked anxiety or distress (American Psychiatric Association, 2013).

Depression & Bipolar Disorder

Depression and Bipolar disorder (BD) are also highly comorbid with ADHD (Katzman et al., 2017).

It is important to note, however, that recent research concluded with salient advice for clinicians. Schiweck et al. (2021) advised clinicians to be aware of cultural and methodological differences across continents when applying diagnostic criteria, in order to prevent misdiagnosis and provide optimal care for both ADHD and BD.

The risks of misdiagnosis, or missed diagnoses, are significant. A 2010 collaborative project revealed that the adult ADHD phenotype is commonly reported by individuals with major depressive disorder (MDD) or bipolar disorder and is associated with a greater illness burden and complexity (McIntyre et al., 2010).

It is important for clinicians to identify co-morbid conditions so as to most effectively guide their support and treatment for the patient.

Substance Use Disorders

ADHD, especially untreated ADHD, is a very strong risk factor for substance abuse and substance use disorders (Wimberley et al., 2020).

So strong, in fact, that I wrote an entire article about those risks alone, so I won’t cover it again here:
Three Activities That Make Business Recovery Possible
Tags: Management And Leadership, Vital Factors, Accountability, Alignment, Stability

In the midst of uncertainty, stability is anything but a buzzword. It’s a hot commodity. Your business must have it to move from crisis to recovery.

At MAP, we’re actively coaching our clients on how to stabilize even though no one knows how long and to what degree the impacts of the pandemic will play out. What we do know is that the odds of recovery and resilience are more possible if you do the following:

1. Focus on what’s vital. You just gotta do it. Whether you use the Pareto Principle or some other method to determine what really matters and is the most vital to your business’s survival, pursue the discipline around this assessment and get it done. Nine times out of 10, clients are telling us cash — or financial stability — is what’s most vital right now. So what are the “vital factors” or KPIs tied to financial stability? Accounts payable. Accounts receivable. Sales. Revenue. Payroll. Business relief funding and more. Discipline yourself to really look at these and other vital factors, getting clear about how long you can survive given your true financial picture.

2. Create accountability. Call it scenario planning, contingency planning, emergency planning — the name is irrelevant. Point is, you need a “Plan B” — and even “Plan C.” Why? Because if you’re like most leaders out there, your business will never look, feel or operate the same post-crisis. With that plan, establish goals and controls, meaning goals assigned to people and/or teams, with clear strategies and measures that provide motivation and can be tracked, achieved and addressed (if necessary) through corrective action. Also, build into your plan what “triggers” you will pull when certain internal and external circumstance play out. For more on establishing triggers, check out this deep-dive article by MAP Senior Consultant Lee Froschheiser.

3. Build alignment. Always lead from the front, consistently communicating and being transparent up and down your organization. Share the organization’s vision and plan, then the accountability system to support that vision and plan. Make sure you’ve got the right people in the right positions “on the bus” and that they know what’s expected of them. Then execute the plan and its activities, holding regular (e.g., daily or weekly) check-ins to review and address performance and productivity. If your people need resources and training, get them those tools and reinforcements — pronto! And, finally, if you must terminate some of your best people to survive, keep communicating and sharing your vision and plan with them. Business as usual may never be the same but after you stabilize and move into recovery, you may find yourself able to bring them back onboard. Always in the loop, they will be better aligned, inspired and ready to work.

What Vital Factors are you focusing on right now — and why?
Cashier Appraisal Made Easy with ThankUCash
By: Tolulope Lawani, Techytoluwani
Tags: Appraisal Management, Cashier, Theft Prevention, Accountability, Thankucash

Employee evaluation is critical to achieving organisational goals and upscaling productivity. For many businesses especially those involved in fast-moving consumer goods(FMCG), cashiers oftentimes are the face of the business. between customers and their purchasing action. Generally, their functions revolve around providing customer service, calculating accurate prices of goods, handling transactions and exchange.

Their roles are important such that poor cashier service leads to a drastic decline in both customer retention and revenue increase. To address this problem, ThankUCash provides merchants with an innovative tool for cashier management and evaluation.

Cashier Code

Once onboarded on ThankUCash, merchants proceed to create unique account and codes for all its cashiers. The cashier code is the unique identity of each cashier that tracks sales and transactions completed by a cashier. With the cashier code, business decision-makers can appraise cashiers using the following yardsticks;

Highest Transaction

Cashiers can be evaluated based on their transaction volume and counts. Depending on the organisational goals and structure, these metrics can be measured hourly, daily, weekly or even monthly. Managers can rate productivity and result-driven employee using data recorded on the cashier’s account.

Theft Management / Accountability

Because cashiers handle point of sales transactions, accountability and integrity have been identified as critical skills employers look out for while hiring. Regardless of how hard many employers try, managing cashier theft and cash diversion still threaten business survival and growth. However, with ThankUCash, business owners, as well as managers, can track both cash and card transactions performed their store daily. Discrepancies in actual sales and recorded sales are easily detected and faulted.

Customer Service

Great customer service is not all about making sales, it transcends to actively building a strong relationship with your customers. Thus, cashiers are tasked with the responsibility of rewarding customers with ThanKUCash at the point of purchase. Business managers can, therefore, note cashiers who are interested in growing the business through repeat customers. These are employees, with exceptional customer service skills, who put in extra effort to convert a first-time buyer into a loyal customer. They are dogged and courteous in getting important customer data which can be further used for smart decision making.

With ThankUCash, cashier appraisal no longer need be a monthly or annual event, visit www.thankucash.com today to start evaluating your cashiers today.
The Dem Party is sadly unreformable.
By: Elizabeth Keyes
Tags: Lobbying, Democratic Party, Dem Primary Rigged, Accountability, Russiagate

The Dem Party is sadly unreformable. They are challenging Trump from the right, over his lack of aggressiveness toward Russia!

Give me a big “WTF?” on that!

“Ends justified the means” as far as Dems concerned to rig its primary against democracy so egotistical that the establishment Dems felt entitled to defy a democratic system to put in the “right “candidate “! It failed colossally as they blamed everyone but themselves. Especially Russia and Susan Sarandon.

The former rationalization is existentially destructive the latter is hysterically irrational.

“Ends justified the means” backroom behavior is anti-democratic but just as Dems in establishment don’t ever hold Repubs legally accountable for corruption, neither will they hold themselves.

And their loyalists are authoritarian followers who prefer to believe in good political will of a party that is still exploiting its historical moments when it actually exerted some political will for the working class of America when that support long ago left the Congressional building!

Today Dem establishment is more afraid of Sanders, who is himself too much of an appeaser realpolitik speaking, than the fascistic Trump, cuz deep in the vacuum of where Dem Party heart should be is allegiance to the profits over people corporate sociopaths.

Why don’t they impeach Trump for his many real breaches of law and decency? Because they are not committed to fighting those horrors themselves. They are the good cop colluding with the bad cop to serve corporate overlords.

They are self-aggrandizing puppets for the elites. The power over people sociopaths who control our government and its media and its enforcement departments to keep the citizens impoverished and intimidated.

Dem Party is not weak. It is getting the payoffs its corporate overlords prefer. It is avoiding lifting a tiny finger on behalf of ordinary Americans. And their own arm of corporate media will cover for them.

Time for citizens to stop enabling the covert team of fascism-bringing politicians as well as the overt team!
Accountabilities in Scrum
By: Venkateswara Rao
Tags: Scrum, Accountability, Empowerment, Delegation, Agile

The latest Scrum guide from Nov 2020 explicitly calls out accountabilities in Scrum

The entire Scrum Team is accountable for creating a valuable, useful Increment every Sprint. The entire Scrum Team collaborates to define a Sprint Goal that communicates why the Sprint is valuable to stakeholders.

Scrum defines three specific accountabilities within the Scrum Team: the Developers, the Product Owner, and the Scrum Master.

Let us first understand the meaning of accountability

accountability

noun

the fact of being responsible for your decisions or actions and expected to explain them when you are asked

proposals for greater police accountability

accountability (of somebody) (to somebody) the accountability of a company’s directors to the shareholders

Developers

Creating any aspect of a usable Increment each Sprint Creating a plan for the Sprint, the Sprint Backlog Instilling quality by adhering to a Definition of Done Adapting their plan each day toward the Sprint Goal Holding each other accountable as professionals

Developers fulfil the commitment by deciding on how to turn the product backlog item into a usable increment by adhering to the Definition of Done.

Product Owner

Maximizing the value of the product resulting from the work of the Scrum Team Developing and explicitly communicating the Product Goal Creating and clearly communicating Product Backlog items Ordering Product Backlog items Ensuring that the Product Backlog is transparent, visible, and understood

Product Owner fulfils the commitment by deciding on what to do from the product backlog

Scrum Master

Establishing Scrum as defined in the Scrum Guide Effectiveness of Scrum Team

Scrum Master fulfils the commitment by serving the Scrum Team, Product Owner, and organization

These clear accountabilities aid the scrum team in moving towards self-management. Accountabilities are either with one or the entire scrum team. This is to enhance transparency.

Organizations should foster an environment for these scrum teams to thrive towards self-management.
Who Owns You?
By: Satabdi Mishra
Tags: Owning Up, Acceptance, Accountability, Self Worth, Owning Your Life

Do you own yourself? What does this question really mean? As obvious as yes may sound to be the answer, it actually isn’t. Owning yourself doesn’t only mean being your own boss, taking your own decisions, letting no one dictate you cause that’s independence. The true definition of owning yourself is accepting yourself wholly, understanding your worth, taking decisions and the responsibilities associated with it, not fleeing from their consequences, even the most adverse ones. Sounds risky now, eh?

However risky it may sound, owning up is the best thing you can do as an adult. It does not only prove you are capable enough to take your own decisions but the fact itself that you are the seed of your dos and the fruit of your deeds instantly places you on a superior pedestal. It raises you as an accountable individual putting forth best efforts and honest intentions to make calculated life choices. More importantly, there is that inner sense of satisfaction that you did what seemed the most appropriate. Hence even if you fail, you get inherent counselling from your inner self, making it easier to get back. In essence, owning up implies a bolstered sense of integrity.

Equally significant to owning yourself is accepting who you truly are. No one in the entire cosmos has a better understanding of you than you yourself. Your strengths, your weaknesses, your fears, your desires, only you know precisely who you really are and what you really want. And only you can channel them to become what you aspire to be. Stop getting bothered by societal expectations, else one day you will succumb. So it’s high time you start introspecting about your true needs and happiness.

A realistic appraisal of your talents, capabilities and general worth and sense of self-satisfaction despite past behaviours and choices are fundamental to own yourself. Don’t let setbacks affect you cause you know your value. Start finding joy in nurturing yourself and bring a positive change. The more you understand yourself, the better you understand others. Together we can all form a better place to live and can proudly shout out loud “We own ourselves.”
Accountability; An Anchor in the Storm.
By: Suraj Tirupati
Tags: Responsibility, Accountability, Psychology, Writing, Creative

A short piece of writing on the elusive ally, accountability.

We all must answer for our actions. In some form or another. We can avoid it for periods of time, and let our haphazard behaviours dictate our trajectory into a state of confusion- however, it curiously seems that more often than not one finds themselves seeking accountability to steer back towards the desired path.

It is interesting, the different forms accountability can take. Usually, for the majority of our childhood it lives through our parents; via their commandments and reminders of discipline as we learn our ways under their wings. As teenagers, some rebel, and seek to adopt the ownership of accountability with the resounding claim “I know best” — an attempt to re-write the rules our childhood discipline set in place for perceived normality.

As adults however, accountability becomes recognisable as the necessary anchor that keeps us functioning — not just as individuals — but as a society. Without it, no one may feel obligated to answer to others, chaos may ensue. Accountability maintains consistency; maintaining the general order of one’s routine through responsibility. It leads us to improvement and gradual success. But without it, the consequences are at best iteratively turbulent, and at worst — ghastly.

However, accountability is no straight speaker — an elusive friend who comes and goes. They are a shapeshifter; presenting themselves in many earthly forms. A constructively critical friend. A tough gym partner or colleague. A caring parent or partner. A fearsome combat sparring partner — keeping you accountable to your training. A faith. A poster on the wall. A quote. A goal. A piece of writing.

It can manifest indiscriminately and omnipresently — particularly, to those who seek it. The option to refuse accountability may also present great treasures — to break free of the rules others set, and live life on one’s own terms. Indeed, for one to be outstanding, one must first stand out. However, like all great rewards — it incurs its own form of risk. The ship can sail faster without it’s heavy anchors onboard, but what if storms lay ahead?
Things You Should Know When Fetching Data for React Components
By: Piumi Liyana Gunawardhana
Tags: JavaScript, Frontend, React, Frontend Development, Data Fetching

2. Axios

Although Axios is a third-party library, it is the perfect replacement for Fetch API if you require more control and convenience over data fetching.

It is properly documented, simple, and offers an outstanding development experience.

Similar to Fetch API, Axios also returns a JS promise. But there is no need to resolve the promise twice like Fetch API since Axios always returns a JSON response.

The coding part is similar to the Fetch API, except for reducing steps and better error handling. Let’s see how we can implement the same example using Axios:

fetchEmployeesAxios = () => {

this.setState({...this.state, isFetching: true});

axios.get( "https://domain.in/api/employees" )

.then(response => {

this.setState({employees: response.data, isFetching: false})

})

.catch(exception => {

console.log(exception);

this.setState({...this.state, isFetching: false});

});

};



fetchEmployees = this.fetchEmployeesAxios;

But you might feel that both these methods seem too much complicated with all these promises handling with then() and catch() blocks. So is there a way to simplify it further?

We can reduce the complexity of the code by switching to Async/ Await.

Let’s restructure the above code snippet with async/await.

async fetchEmployeesAsync() {

try {

this.setState({...this.state, isFetching: true});

const response = await axios.get( "https://domain.in/api/employees" );

this.setState({employees: response.data, isFetching: false});

}

catch (exception) {

console.log(exception);

this.setState({...this.state, isFetching: false});

}

}; fetchEmployees = this.fetchEmployeesAsync;

Until now, I have discussed 2 basic data fetching techniques in React. Now it's time to move onto other areas related to data fetching.
Is Tailwind Really Worth It?. Tailwind, the new kid on the block, is…
By: Yamo Gebrewold
Tags: Web Development, Programming, CSS, Tailwind Css, Frontend Development

Tailwind CSS — is it worth it?

I never intend to bash any technology on purpose. I believe that every technology has its valid use case. But it is necessary as a developer to analyze a technology as well as its pros and cons before following the trend of adopting it for the sake of it.

One of the newer technologies which gets a lot of attention these days is Tailwind CSS. When I first heard about it, I was immediately interested because of my natural inclination towards the front end world.

Tailwind is a CSS utility framework. It is created for utility purposes, meaning that it is supposed to make development easier. It is unlike the other common CSS frameworks like Bootstrap in the sense that Tailwind doesn’t provide any built-in UI components.

In short terms, the main benefit of Tailwind is that it relieves you from having to write loads of CSS, and you can instead use Tailwind directly in your HTML. That’s also the first thing that they are promoting on their official website too — the idea of not having to leave your HTML.

The front end community is ever so innovative and people keep creating new technologies to facilitate our daily work. These developers surely deserve some credit, but before jumping onto any train or using a hyped technology, we should consider the pros and cons before adopting it.

Bunch of tutorials have been made regarding this new utility framework and it seems that it does have a bunch of great benefits. Before discussing whether it’s a good choice to adopt Tailwind or not, let’s go through the pros and cons of Tailwind.

The pros of Tailwind

1. It makes the styling process much faster.

Undoubtedly, Tailwind helps you style your HTML elements much faster. Since you don’t have to leave your markup, you can practically style your elements directly. You can create nice layouts in a much shorter time than doing it from scratch.

2. It provides more convenience.

You don’t have to deal with a lot of the issues that many developers face with CSS. It’s not a secret that a lot of developers dislike CSS or basically find it to be difficult to deal with. For such a developer, using the built-in classes that Tailwind provides will relieve the developer from a lot of the struggles with CSS.

3. It provides security.

This is true for any tested framework which people safely use in production. Since it is tested and the framework is stable, you can use it and feel secure that things won’t break. Also, since you’re backed up with a framework created by experienced engineers, they got you covered if any issue arises in the framework.
5 Strategies to Reduce Frontend Build Time with CI/CD
By: Bhagya Vithana
Tags: Micro Frontends, Frontend Development, Parallel Webpacks, Dependency Caching, Npm Ci

1. Using Parallel Web Packs

Parallel-Webpack allows you to run your application builds in parallel, helping to reduce build times significantly.

You can get started using Parallel-Webpack easily with NPM using the following command:

npm install parallel-webpack — save-dev

To get a better understanding of Parallel-Webpack configuration, let’s go through this simple example.

var path = require('path');

module.exports = [{

entry: './firstjob.js',

output: {

path: path.resolve(__dirname, './dist'),

filename: 'task1.bundle.js'

}

},

{

entry: './secondjob.js',

output: {

path: path.resolve(__dirname, './dist'),

filename: 'task2.bundle.js'

}

}];

The above configuration includes two separate build tasks as firstjob and secondjob. Parallel-Webpack will run both these entries simultaneously, and you will find out that task1.bundle.js is built at the same time as task2.bundle.js.

Parallel-Webpack allows you to control parallelism and includes features from the normal Webpack like the watcher and retry limit.

Controlling Parallelism

Sometimes, you may want to limit the usage of CPU cores available for Parallel-Webpack. In such cases, you can specify the number of allowed CPU cores using parallel-webpack -p=2 command.

Running The Watcher

One of the features which make the Webpack so influential is its watcher that continuously rebuilds your application. You can use the same feature effortlessly with Parallel-Webpack by adding the watch flag to the command.

parallel-webpack --watch

Likewise, there are many exciting features in Parallel-Webpack that can be integrated into your CI/CD pipeline to speed it up. And you can find more information about them in their documentation.
The secrets to build a good UI Pattern in OutSystems
By: António Carvalho
Tags: Outsystems Development, Frontend Development, Frontend Architecture, Front End Outsystems, Outsystems

The principle

Software Engineering is based on principles that you, myself and everyone else learned since we started this path.

I am sure you already heard about the principle of Do Not Repeat Yourself or the principle of Single Responsibility (if not, check them out!).

For this subject of building UI Patterns, I can introduce The Law of Requisite Variety, formulated by Ross Ashby.

In a simplified way it states

“A control system must have as many possible states as the system it wants to control.”

or another one

“In order to deal properly with the diversity of problems the world throws at you, you need to have a repertoire of responses which is (at least) as nuanced as the problems you face.”

And if we think a bit, these statements are applicable to the development of OutSystems UI Patterns. The pattern should respond to all possible scenarios and usages it will face, when consumed by the application developer.

And this is a concern for both the Frontend Developer who creates it and the UI Designer who imagines it. We need to think in abstract, looking at the forest and not the tree and separate ourselves from the business layer. And this is not an easy task.

Let’s elaborate further and take a look at these images:

Images shamelessly copied from http://requisitevariety.co.uk/what-is-requisite-variety/

Here’s my take:

Our UI Patterns should respond to all existing problems. And ideally even to problems that will exist in the future.
Build Your Own Blog Portfolio with Web Components: The Basics
By: Marius Bongarts
Tags: Web Development, JavaScript, Programming, Coding, Frontend Development

As developers, we all know that we should reuse code as much as possible. Duplicated code is one of the main causes for software bugs, and it is essential to avoid it. Web Components help us to create reusable markup structures with encapsulated functionality.

In this series of articles, we will learn the fundamentals and advanced features of Web Components by applying them to an example. We will develop step by step a portfolio to showcase medium articles of any medium user.

Build Your Own Blog Portfolio with Web Components: Part 1 — Basics Build Your Own Blog Portfolio with Web Components: Part 2 — Attributes, Props, Lifecycle Callbacks

Why Web Components?

“Web Components will replace Frontend Frameworks”

Google this assumption, and you will find thousands of articles on the web discussing the future of Web Components. Whether they are or not, for sure they are an excellent way of encapsulating functionality from the rest of our code. Not only that, but we can reuse them in every web application and web page.

Web Components enable us to develop completely independently of frontend frameworks/libraries because they are based on official web standards and supported by all major browsers. This doesn’t necessarily mean that we should dump all frameworks. Rather, it means that we can outsource some parts of our application to reuse them in e.g., React, Angular, VueJS, etc… The framework/library would act more like a wrapper that passes data to its components.

Try it yourself, pass this code snippet to any web application or any website:

Embedded web component

What you will see is the medium portfolio we will build in this article. Have a look at the live demo or CodePen.
How to Handle Large Lists on the Frontend: A Detailed Guide
By: Ayush Verma
Tags: JavaScript, Programming, UI Design, Software Development, Frontend Development

Web applications are continuously getting bigger and content to show on a single screen keeps on growing with time. Now the problem which arises here is rendering such large amounts of data.

Lists are an integral part of most web applications because they help display data in a more presentable format. But when an app tries to handle too much data in a list, it often leads to performance problems. There are many ways to resolve list-related performance issues such as Pagination, Infinite scrolling, Load more buttons, react-virtualized, and react-window.

Pagination

Pagination is a technique where online content is divided across several web pages instead of being lumped together in one giant brick of content.

Pagination allows you to render data in pages as opposed to rendering all the information at once. This way, you basically control the amount of data that is shown on the page, so you don’t have to put too much stress on the DOM tree.

For React-based applications, most UI libraries come with a pagination component, but if you want to quickly implement pagination without having to install a UI library, you might want to check out react-paginate . The library renders a pagination component that accepts some props helps you navigate through your data.

. The library renders a pagination component that accepts some props helps you navigate through your data. If you scroll to the bottom of a webpage that uses pagination, you will either see a row of page numbers or next/prev links that let you navigate to the next page. These are navigation controls, and they allow the user direct access to every webpage in the paginated series through manual clicking — from the first page to the last page.

These controls also send the message to the Google crawlers that all content within the series is connected and indexable, even though it is separated across multiple pages.

This presentation of information grants users with the structure and hierarchy needed to fully make sense of the content, and although it requires more clicks, these actions are meaningful in that they bring the user closer to their desired outcome. Users generally prefer a clear end to their search because it satisfies the need for completion.

A great example of pagination is a search engine results page. The navigational controls on the bottom of each paginated page let users know which resources are the most relevant, which page is currently selected and how many more pages there are to sift through.

Google’s search results are housed on 10 different pages

This adds clarity to the search process and guides the user to exactly what they’re searching for.

Ecommerce sites also frequently use pagination since there are typically so many products offered that it’s better to house them on multiple pages.
The History of Microfrontends
By: Rany Elhousieny
Tags: Web Development, Programming, Micro Frontends, Frontend Development, Architecture

Have you ever wondered where and when The term “Microfrontend” appeared? In this article, I will go through the evolution of Microfrontends.

2011: “Microservices” themselves premiered at an event for software architects in 2011, where the term was used to describe a style of architecture that many attendees were experimenting with at the time. Netflix and Amazon were among the early pioneers of microservices.

Nov 2016: After the great success of the Microservices architecture, Thought Works added to the technology radar the term “Microfrontends” for the first time in Nov 2016, as a frontend architecture similar to microservices for frontend development. This architectural design came because of the monolith microcontent with Single Page Applications that created similar challenges to the backend monolith architecture. after that, companies started to implement frameworks that could help build frontends using this new architecture. As an example, Bit that depends on Build-Time composition and Single-Spa depends on Rint-Time composition.

Nov 2017, Thought Works recommended Single-Spa for Microfrontends implementation.

2019: Martin Fowler wrote his article about Microfrontends and promoted Microfrontends architecture in his article “Micro Frontends.”

Oct 2020: By the end of 2020, Zack Jackson released his masterpiece “Module Federation” as a plugin in Webpack 5. The Module Federation Plugin changed the world of Microfrontends to a totally new level. Now, you can include a remote component to your project as you have developed it locally without depending on the build or deployment or even have a webserver to run it. This is the future of Microfonrtneds. Companies started to adopt the Module federation approach to migrate from a monolithic application to Microfrontends.

Apr 2021: Thoughtworks started to recommend Module Federation for Microfrontends implementations

Microfrontends are still in the early stages compared to Microservices. Writers did not agree on the way to write it. I started with Micro Frontend then changed to Micro-Frontend. Finally, I have decided to use a one-word “Microfrontend” similar to “Microservice.”

If you want to learn more about Microfrontends:

======

References
ROADIES
By: Deepika Phull Kapoor
Tags: Traffic, Road Safety, Self, Stay Positive

I still remember the day when i was young and was learning to cross the road

My parents used to tell me that we should look at both the sides while crossing the road..

I always wondered, why on both the sides?

Meanwhile

My parents were working and I used to go to my uncle’s place after school

In evening, my brother used to come to pick me up for home and I clearly remember the way he used to cross the road with me.

He used to push me on the other side not facing towards the road and used to cover me by coming in front of me, hold my hand tightly and then we used to cross the road

He was elder to me, maybe he feared that i might run in between or may get hit by any deranged driver. So he used to be very protective

But now i wonder why so much concern for such a small thing??

Why dont people abide by the rules?

Why we should look at both the sides before crossing the road?

Why parents are afraid to send their children alone near road?

Why?

Maybe because we dont have sense to walk and drive on the road

We forget that we can hurt anyone before speeding

We forget everything in the power of rage

We need to control ourselves for better

Let’s disseminate:
Let Google Maps Tell a Story
By: Mikhail Ageev
Tags: Traffic, Google Maps, Data Journalism, Newsroom Innovation, Soviet Union

We at CurrentTime mostly cover former Soviet Union countries. All of them have already implemented a model to fight COVID-19. Typical model includes restrictions on people and transport movement, closure of borders, businesses and strict “stay-at-home” policy.

However, there are some exceptions in our region. Like in Belarus, where President Lukashenka denies to implement any kind of countrywide restrictive measures. Governments of Turkmenistan and Tajikistan are still deny Coronavirus-related cases in their countries.

How we may get a bird’s-eye view of current situation in our region without relying on official (and not always correct) data? Well, we may use a trusted third-party information. Which one? For instance, we may weigh up traffic in “former capitals” during rush hour before and after COVID-19 using Google Maps.

Google Maps Traffic Story

Traffic and Directions — is a useful Google Maps feature in case you have to ride somewhere. It usually shows few possible routes to your final destination and highlights areas of high traffic along the way.

On desktop it’s possible to overview live traffic situation in a city or a region — basically a bunch of green lines these days. And if you wish, it may also show a typical traffic situation in the region for specific week day and time.

Paris Traffic Before and After COVID-19

So we made up screenshots for life traffic in each city at 18:30 Thursday (local time) and a typical load on Thursday at 18:30, added context on restrictions in each city and compiled the whole thing as a story in Newsroom Toolkit.

Traffic in Mumbai, Moscow, Paris and New York

The maps we got are really fascinating. Such a heavy-traffic cities as Moscow, Paris, Mumbai, Manila, New York and Istanbul became green.

Moscow, April 2020
While I do think that an underground road is a questionable improvement, I am against tolls on the…
By: Mary Ann A.
Tags: Traffic Optimization, Infrastructure, Boring Company, Traffic

While I do think that an underground road is a questionable improvement, I am against tolls on the main highways in Vegas for many reasons. For one, I have to use the highways in order to get to UNLV, since I live outside of Las Vegas. I could use backstreets, once I got to Las Vegas, but then I would have to add even more time to my one hour, ten minute commute. As a broke college student, the idea of paying tolls to get to UNLV, where I’m already paying for parking, is pretty gross.

It may be cheaper, and it may decrease traffic, but it would not be popular, it would be taken to city council over and over, and more than likely cause traffic issues on even smaller streets. The cars that aren’t using the highway have to go somewhere, after all.

I think there are better ways to reduce traffic. They aren’t as simple, that’s for sure, but I think we could find a decent trade off at least.

If we could have a better way of enforcing the HOV lanes, they’d likely be clearer and we’d also likely have more ticket money. The only way I can think of doing so would be to have traffic cams with special ai that could pick up on multiple people in a car along the road, so it’s not ideal.

I think what we really need, however, is a better public transit system that isn’t buses. I think if the monorail had been handled better — put down the strip so it was scenic, winding through a few more places, etc. — we would have a reduced amount of traffic on the street. It’s a pretty trite statement to say “we need more public transportation” anymore, but I really think it could help! The answer just… isn’t buses.

Of course, because I use the highways so much I am biased on the matter, so take my arguments with a grain of salt.