DEV Community: Engineering Expert

Inter component communication in React.

Engineering Expert — Thu, 06 Jun 2024 01:49:32 +0000

In the React ecosystem, building complex applications often involves breaking down the UI into reusable components. However, this modularity raises a crucial question: How do these components effectively communicate and share data?

This article explores the various mechanisms available in React to ensure smooth and efficient communication between your components.

Understanding the Need for Communication
Before diving into the techniques, let's clarify why inter-component communication is essential:

- Data Sharing:

Components often need to access and modify data that exists outside their local state.

- Event Handling:
User interactions (clicks, form submissions, etc.) might trigger changes that need to be communicated to other components.

*- State Management: *

In larger applications, centralized state management can simplify complex data flows.

`JavaScript
function Parent() {
const handleChildClick = (data) => {
// Do something with data
};
return ;
}

function Child({ onClick }) {
return onClick("Data from child")}>Click me;
}`

`JavaScript
// Parent component
function Parent() {
const message = "Hello from parent!";
return ;
}

// Child component
function Child({ message }) {
return

{message}

;
}`

References: https://www.frontendeng.dev/blog/5-tutorial-how-to-communicate-between-two-components-in-react

Cloud Computing Interview Questions

Engineering Expert — Fri, 10 May 2024 21:27:34 +0000

Azure Functions

Azure Devops

Study Guide

Preparing for an Azure cloud engineer interview involves a multi-faceted approach. First, solidify your foundational knowledge of cloud computing concepts such as Infrastructure as a Service (IaaS), Platform as a Service (PaaS), and Software as a Service (SaaS). Familiarize yourself with Azure's core services like Virtual Machines, Storage Accounts, Virtual Networks, and App Services. Understanding Azure's security features and identity management through Azure Active Directory is crucial.

Hands-on experience is paramount. Build and deploy applications on Azure, experiment with different services, and troubleshoot common issues. Consider earning relevant Azure certifications like AZ-900 (Azure Fundamentals) and AZ-104 (Azure Administrator) to demonstrate your expertise.

Prepare for a wide range of interview questions. Expect technical questions about Azure services, architecture design, and troubleshooting scenarios. Be ready to discuss your past experiences with cloud projects, highlighting your problem-solving skills and ability to work in a team. Research the company and its cloud infrastructure to tailor your answers and demonstrate your understanding of their specific needs.

Finally, practice your communication skills. Clearly articulate your technical knowledge, explain your thought process, and ask clarifying questions when needed. Show enthusiasm for Azure and cloud technology, and demonstrate your ability to learn and adapt to new challenges.

What are web components ?

Engineering Expert — Fri, 10 May 2024 16:04:02 +0000

Web components are a set of web platform APIs that allow you to create new custom, reusable, encapsulated HTML tags to use in web pages and web apps. These custom components and widgets built on the Web Component standards work across modern browsers and can be used with any JavaScript library or framework that works with HTML.

1
2

AI Authority : Follow the blog

Engineering Expert — Fri, 05 Apr 2024 05:25:51 +0000

What is AI Authority?

AI Authority is your go-to source for all the latest news, insights, and analysis on artificial intelligence advancements. We cut through the noise and deliver the information you need to know in a clear, concise, and engaging way. Whether you're an AI enthusiast, a tech professional, or simply someone curious about this transformative technology, AI Authority is your essential resource.

What You'll Find on AI Authority

AI Authority covers a wide range of topics related to artificial intelligence:

The Latest Research: We delve into groundbreaking research papers and reports to give you a behind-the-scenes look at what's happening at the cutting edge of AI.
Real-World Applications: AI is no longer just a lab experiment. We highlight the most exciting ways AI is being used in industries like healthcare, finance, transportation, and more.

Tools and Resources: We provide curated guides to the best AI tools, datasets, and online courses to help you learn and build in this space.

Why You Need AI Authority

Staying informed about AI is crucial for anyone who wants to understand the future. AI is poised to change how we live, work, and interact with the world around us. AI Authority gives you the knowledge you need to navigate this exciting and complex landscape.

Source

Deploy Spring Boot on Cloud run ?

Engineering Expert — Thu, 08 Feb 2024 04:41:44 +0000

Spring boot is an excellent framework and it is well suited for Cloud Run. The startup time of Spring boot application can be well managed and it can run with very little resources.

Check out this guide to deploying spring boot apps on cloud run.

Resources:

Cloud Run documentation for Java applications: https://cloud.google.com/run/docs/tips/java
Spring Boot on Cloud Run example: https://spring-gcp.saturnism.me/getting-started/helloworld/cloud-run
Quickstart: Deploy a Java service to Cloud Run: https://cloud.google.com/run/docs/quickstarts/build-and-deploy/deploy-java-service

Firebase hosting does not support custom cookies

Engineering Expert — Wed, 07 Feb 2024 17:21:10 +0000

Firebase hosting is useful now just for simple websites but it is also possible and sometimes cheaper to use as frontend for Google Cloud Run. It is a very common usage pattern to simply map your firebase domain name to a another service running on Google cloud.

Firebase has not documented this but firebase will strip all cookies from the incoming request except on. "__session" cookie. This means if your backend is say Spring Boot which uses SESSION cookie by default or PHP or something else, you will not be able to maintain sessions when using firebase hosting.

The quick workaround for this is to either not use Firebase if you care about this a lot OR modify your service to only use __session cookie.

https://www.frontendeng.dev/blog/36-firebase-cookies-sessions

Can spring boot be used for front end rendering as well ?

Engineering Expert — Sat, 27 Jan 2024 20:29:47 +0000

Everyone knows that Spring boot might be the most popular framework to build powerful backend services. However can it be also used for front ends ?

The short answer appears to be yes.

Spring boot can be used for front ends but its key strength is backend development

Google cloud run : Things you should know before deploying your frontends

Engineering Expert — Thu, 25 Jan 2024 07:03:34 +0000

Our article about deploying Next.js on Cloud Run is one of the most popular articles on our blog. Many readers have reached out to express how helpful they found it. However, some people also encountered various issues that I believe are worth addressing in a separate blog post.

When you create a VM, or Virtual Machine, you have a server allocated to you 24x7. It has a processor that sits idle, waiting for work, and memory that is ready to be used. Regardless of whether you utilize it or not, you pay for the entire thing 24x7. The costs of these machines can range from $5 to $5000 a month or even more.

However, it's not just the cost of the machine. You need to spend time setting it up, ensuring it's working, and occasionally adjusting resources yourself. What if you get more traffic and want to add more machines? You can do that too. But when traffic decreases, you have to reduce the number of machines. This process can be automated, and tools like Kubernetes exist for this purpose.

The real issue arises when you have a small site with around 100 users a day, and you don't want to waste your time on a fragile $5-a-month server that keeps going down or a $45 robust server that is expensive. Nor do you want to spend $500 a month on running a full-fledged cluster of machines.

What you want is something much cheaper and extremely simple, even if it's not as fast as you'd like it to be.

Source: https://www.frontendeng.dev/blog/34-know-this-before-you-use-cloud-run

Do not use cloud run

Engineering Expert — Sat, 20 Jan 2024 18:15:44 +0000

Nextjs on Google cloud run is pretty cheap but do not use it for anything other than a small website which you just want to showcase.

It had high latency, terrible pricing model and overall it is good for small testing purposes and useless for production grade deployments.

An LLM Agent Swarm

Engineering Expert — Fri, 19 Jan 2024 08:48:05 +0000

One of the remarkable security of LLMs post on this blog basically made me realize that we are not thinking enough about using an army of LLM agent swarm and rather focusing too much on single large model doing everything right.

In real world good things happen when people with different specializations come together to build something together. Sometimes there are trade offs between two departments competing for different conflicting goals.

Consider an automobile company where one team wants bigger engine and another team wants better fuel efficiency. Either ways both are at odds and they have to figure out how to resolve it.

We need to adapt a similar approach for LLM agent deployments as well. Have multiple agents solving the problem together instead of one large model solving it.

Android Compose API is pretty good

Engineering Expert — Fri, 12 Jan 2024 01:06:37 +0000

Both Android Compose and Flutter are UI frameworks used for building mobile applications, but they have some key differences:

Android Compose:

Native Android development: Focuses on native Android development, providing tight integration with Android APIs and tooling.
Kotlin-based: Uses Kotlin, a statically typed language, which can be appealing for developers familiar with the language.
Declarative syntax: Uses a declarative syntax where you describe the UI state and Compose takes care of rendering it, leading to less boilerplate code and potentially cleaner code.
Still in its early stages: While stable for production use, Compose is still evolving and adding features, so some functionalities might be missing compared to Flutter.

Both Android Compose and Flutter are UI frameworks used for building mobile applications, but they have some key differences:

Android Compose:

Flutter:

Cross-platform development: Aims for cross-platform development, allowing you to build the same app for Android and iOS (and web and desktop) with a single codebase.
Dart-based: Uses Dart, an object-oriented language created by Google specifically for Flutter.
Imperative UI: Uses an imperative approach to UI development, which might be more familiar to some developers but can lead to more boilerplate code compared to Compose.
Mature and feature-rich: More mature and established than Compose, with a wider range of features and widgets available.

References:

Understanding coroutines in Android and Kotlin

Engineering Expert — Sun, 31 Dec 2023 06:41:28 +0000

Authoritative tutorial that comprehensively covers the concept of coroutines and how they work