teleren/devto huggingface dataset:
Integrating Agora's Real-Time Messaging in Web Applications for Improved Team Collaboration
Tags: agora, webdev, javascript, realtimecommunication
Published: 2023-11-20 19:00:16

---
tags: [Agora, WebDev, JavaScript, RealTimeCommunication]
---

## Introduction
Real-time communication in web applications is vital for effective team collaboration. This tutorial guides you on integrating Agora's Real-Time Messaging (RTM) API.
![Agora SDK Flow](https://res.cloudinary.com/dzedpnsqm/image/upload/v1700506239/stojtvqe1qeyxtva0q51.png)

## Prerequisites
- Basic HTML/CSS, JavaScript knowledge.
- Agora account with API credentials.

## Objective
Learn to integrate Agora's RTM into web applications for real-time user communication.

## Steps

### Setting Up the Environment
Setup your development environment and get Agora RTM API keys.

### Integrating Agora's SDK
Include Agora RTM SDK in your project. Initialize and authenticate the client.

### Establishing Communication Channels
Create/join a messaging channel. Implement event handlers for message management.

### Sending a Message
Use `ChatMessage.createTextSendMessage` for sending messages. Set message content, conversation ID, and `ChatType`. Send with `ChatClient.getInstance().chatManager().sendMessage(message)`.

### Receiving Messages
Implement `MessageListener` for incoming messages. Use `onMessageReceived` to process messages. Add this listener via `ChatClient.getInstance().chatManager().addMessageListener(msgListener)`.

## Conclusion
Integrating Agora's RTM enhances your web app's collaboration with real-time messaging.
My journey to better lightning talks
Tags: productivity, softwareengineering, publicspeaking
Published: 2023-11-20 18:43:42

**TL;DR:** By focusing on a clear structure, big picture, storytelling, minimalistic design, and limiting technical details, I improved my lightning talks by making them more practical and engaging.

---
#### Context

In my previous projects, our team regularly organized lightning talks where we shared knowledge about tools, technologies, and projects we'd worked on.

Although I was eager to share my knowledge, my presentations were often overloaded with details, ran over time, and I was losing team's attention and interest.

Recognizing this, I decided to take a step back to find a better approach. Through experimentation, I found a few steps that helped me more effectively convey my thoughts and knowledge.

#### Solution

1. I start by defining key points to share and structuring them to ensure the content is understandable and easy to follow.
2. Next, I break down things into layers, processes, workflows, and systems, then showcase how they fit together, exchange information, and change their state. Even though I like jumping into details, I realized that in most cases focusing on the big picture is more helpful.
3. When designing a presentation, I limit myself to simple elements like text or stickies and a few colors, like shades of grey, to ensure my focus is on the content, not the layout or fancy effects. I'm also a huge fan of whiteboards, so whenever possible, I use them as my go-to tool as they give me freedom and flexibility in my thinking and design processes.
4. Once I have the content, I figure out how to turn it into a story, where I gradually reveal its details. It's meant to avoid cognitive murder, help absorb the content, understand the topic, and keep the team curious and engaged.
5. Finally, while sharing technical details is essential, code examples are often unnecessary. But, if they are a must, I reduce them to the simplest possible version.

#### Final thoughts

Focusing on improving my lightning talks helped me in more ways than expected. Not only did my presentations improve, but these changes also made a difference in my daily work, in how I work on projects, but also in how I communicate with the team. 

While these methods have been particularly helpful for me, it's important to remember that there are many ways to prepare and run presentations, and what works best can vary from person to person.
New frontend for react-icons
Tags: nextjs, react, tailwindcss, reacticons
Published: 2023-11-20 18:09:31

If you're a React developer, chances are you're familiar with the popular library, react-icons, an invaluable resource for incorporating icons seamlessly into your projects. While the library itself is fantastic, the official website might not have the visual appeal that matches its functionality.

In response to this, I've taken the initiative to create a new frontend for the react-icons website, giving it a sleek and modern design that enhances the user experience. Leveraging cutting-edge technologies such as Next.js 14, Tailwind CSS, and the Shadcn component library, the revamped interface aims to provide users with an aesthetically pleasing and intuitive platform for exploring and implementing icons.

**Check out the redesigned React-Icons website:** [React Icons v2](https://react-icons-v2.vercel.app/)

**GitHub Repository:** [React Icons v2 GitHub](https://github.com/sahilverma-dev/react-icons-v2)

Your feedback is invaluable and will contribute to the ongoing refinement of this project. Remember, this is not an official website, but a community-driven effort to enhance the accessibility and appeal of the react-icons library.

Thank you for your time, and happy coding with React-Icons v2!
How to get the most out of your institution's GDSC:
Tags: dsc, community, learning, development
Published: 2023-11-20 17:59:49

## Congratulations for garnering interest to search up this topic, as well as the page. Welcome to GDSC BBIT.

This is the official blog page of GDSC BBIT, & here are some steps to get the most out of it.

1. Get access to a lot of stuff- GDSCs foster learning across a variety of topics, mostly from google ecosystem. Use your membership to avail a lot of highly curated, free material that you can use to learn about new stuff, which might land you a new role in the near future!

2. Get involved in a community- google backs the people using its technologies, and is often willing to encourage to get more people get together and work on stuff! here, you generally get a vast network of developers who might have the same mission & vision as you, so you might end up with a rich social & community life as well.

3. Conferences- GDSCs are known for hosting talks, conferences, developer centric festivals that spread the knowledge of tech & learning, in both online & physical modes. Here, you can always get the opportunity of learning some new stuff, network with fellow peers or even, get to interact with an industry professional!

4. Participate in campaigns- student centric campaigns are often organized to equip the students with some hands on training & practical knowledge, often coupled with discounted certifications & specializations which might come in handy in the career.

5. last but not the least, awesome swag- Yeah, free rewards are generally given out to incentivise your learning and efforts in kind, generally in the form of branded merchandise which is generally of top notch quality.

the first 4 points should be the objective of a person trying their way into the GDSC, & the last one is only a token of appreciation which may or may not vary from time to time, i.e, it is a variable factor.

hope that you find your journey in the GDSC fruitful.
HTF Kolkata Meetup
Published: 2023-11-20 17:45:00

I had the opportunity to attend Hack This Fall's first ever Kolkata Meetup on 2nd July, 2023. Here are some of the moments from the event that I could capture.

While others were busy clicking really good pics, I kinda had to post this underexposed shot.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rkg4qtw3fh3z1k9zieim.png)

A rundown of what happened during the times we were told to tweet- well, everybody was on their phones.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4yebvwr0k11f4mw3wzev.png)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/duj2dokugwafuimpy3s9.png)

We had a lot of campus experts- actually, 4 of them in a single event.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/n5tezmsxno4qtjby9fhi.png)
🚀 Exciting Update: 'Navigating Linked Lists with LeetCode's 'Middle of the Linked List'!' 🎥
Tags: algorithms, coding, beginners, productivity
Published: 2023-11-20 17:39:38

Hello, tech enthusiasts! I'm thrilled to share my latest video where I conquer the challenge of LeetCode problem 876 - 'Middle of the Linked List' using the Slow and Fast pointers technique. Join me as we explore an efficient approach to find the middle of a linked list.

🎥 Watch the video here: https://youtu.be/Vks6H-UX1Bo?si=pYooORnLR-vmYLgn
🔗 Access the code on GitHub: https://github.com/Vinay352/Leetcode/tree/main/0876-middle-of-the-linked-list
🔗 Explore the LeetCode question: https://leetcode.com/problems/middle-of-the-linked-list/

Your thoughts and comments are highly appreciated, so feel free to share your insights below. Let's continue our shared journey of learning and coding! 💡👨‍💻

Stay connected:
🎥 YouTube: hhttps://www.youtube.com/@VinayJainDev3097/
📚 Medium: https://medium.com/@vinay.j3097
📝 Dev.to: https://dev.to/vinay_jain_dev
🔗 GitHub: https://github.com/Vinay352
🐦 Twitter: https://twitter.com/vinayj3097
📸 Instagram: https://www.instagram.com/vinay_jain_dev/
📘 Facebook: https://www.facebook.com/vinayj3097/
Superando Desafios: Atletas que Inspiraram Geracões com Suas Historias
Tags: sport
Published: 2023-11-20 17:05:33

O mundo do esporte é repleto de histórias inspiradoras que transcendem as barreiras do tempo. Neste artigo, exploraremos as vidas de atletas extraordinários que não apenas superaram desafios, mas também deixaram um legado duradouro, inspirando gerações. Essas narrativas não apenas emocionam, mas também oferecem lições valiosas de determinação, coragem e perseverança. Descubra mais [casa de aposta](amelhorcasadeaposta.com/)

A Jornada de Resiliência de Atletas Excepcionais
O Poder da Determinação
Ao adentrarmos nas vidas desses atletas, somos imersos em um mundo de determinação inabalável. Atletas como Ayrton Senna e Pelé, ícones do automobilismo e futebol, respectivamente, enfrentaram adversidades com uma coragem que vai além do campo de jogo. Suas histórias são testemunhos vivos de como a determinação pode transformar obstáculos em trampolins para o sucesso.

Ayrton Senna: Velocidade e Resiliência
Ayrton Senna, uma lenda da Fórmula 1, não só acelerou nas pistas, mas também na superação de desafios. Sua determinação em vencer vai muito além da linha de chegada, inspirando admiradores em todo o mundo. A superação das dificuldades e a busca incessante pela excelência fizeram de Senna uma figura imortal no esporte.

Pelé: O Rei do Futebol e suas Lutas Fora do Campo
Pelé, conhecido como o Rei do Futebol, enfrentou não apenas adversários nos gramados, mas também desafios fora deles. Sua jornada de resiliência incluiu lesões, pressões externas e o compromisso inabalável de elevar o esporte. Pelé não apenas marcou gols, mas também deixou uma marca indelével de superação e liderança.

Inspiração Além dos Limites
Histórias que Transformam Vidas
As histórias de superação desses atletas transcendem as fronteiras do esporte. Elas se tornam fontes de inspiração que tocam vidas e moldam mentalidades. A mensagem é clara: não importa quão íngreme seja o caminho, a resiliência e a paixão podem conduzir a conquistas extraordinárias.

Incentivando Futuras Gerações
Essas narrativas não são apenas reminiscências do passado; são faróis orientadores para as gerações futuras. Ao destacarmos as trajetórias desses ícones, buscamos inspirar jovens atletas, instigando neles a crença de que obstáculos são oportunidades disfarçadas.

Conclusão: Um Legado Duradouro
O Impacto Duradouro de Atletas Inspiradores
À medida que exploramos as histórias de Ayrton Senna, Pelé e outros atletas notáveis, percebemos que seu impacto transcende o âmbito esportivo. Eles deixaram um legado duradouro, um testemunho de que a resiliência, determinação e paixão podem moldar destinos.

Inspiração Contínua
Este artigo é mais do que uma mera narrativa; é um convite para mergulhar nas vidas de verdadeiros heróis, cujas histórias ecoam eternamente. Que a jornada desses atletas inspire você a superar desafios, conquistar metas aparentemente inatingíveis e deixar um legado que ressoe nas gerações vindouras.
Das Abenteuer ruft: Erfahrenes Team sucht Unterstützung auf den Letzten Metern
Tags: programming, career, java, github
Published: 2023-11-20 17:03:53

**READ here:**

https://minecraft-server.eu/forum/threads/das-abenteuer-ruft-erfahrenes-team-sucht-unterst%C3%BCtzung-auf-den-letzten-metern.68013/
How Loosing First Programming Job Helped My Career
Tags: programming, career, beginners, webdev
Published: 2023-11-20 17:00:32

Currently, I'm reading "Same as Ever" by Morgan Housel. In one chapter, he writes about how adversity often spurs human growth. This chapter took me back six years, to the time when, after quitting the consulting career path and learning for some time, I got my first coding job and lost it soon after.

I'll spare you the details, but the gist is this: after a challenging six months, my journey with the company (let's call it Company A) came to an end, and I was let go. Company A was looking for junior with some more applicable skills, and I was missing those skills. It was a simple mismatch of expectations, but for me, it felt like a small end of the world.

I was lucky enough that the other company (Company B) I previously interviewed for was still interested and wanted to hire me. Before I joined Company A, I took part in demo day at Company B where I worked on simple tasks with more senior developers. I made a good impression, they offered me a job, but I liked the Company A more and decided to go this way. After Company A let me go, Company B was happy to take me in.

I joined Company B with a completely different mindset to the one I had when joining Company A. My imposter syndrome hit the roof, I questioned my choice to change profession. I exaggerated all my mistakes and lost most confidence in my skills and choices. I was under a serious amount of stress and I could feel it.

At the same time, this challenging period, while tough, was incredibly motivating. Determined not to repeat past mistakes, I dedicated countless hours to learning and becoming self-reliant. I was fortunate to have a CTO who had a great process for training junior developers, and helpful people in my team who patiently tolerated my countless questions. Looking back, I couldn't have asked for a better environment to kick-start my programming career.

Even after gaining independence and confidence in my work, the motivation from those early struggles stuck with me. To this day, I strive to bring value quickly to new teams and make myself useful as soon as possible. I still learn after hours, and try to be better at my profession.

Reflecting on it, my experience at Company A was a wake-up call, a mix of fear and realization. I knew I never want to go through something similar again. I'm aware I don't always control everything, but I'm dedicated to do everything I can to make things work, within healthy boundaries.

This part of my programming journey, though difficult, has been valuable. I'm happy it played this way, it shaped me as a professional, and helped build good habits. It also made me more cautious when interviewing.

If you are going through something similar remember, however tough and groundbreaking it seems, it's up to you what you will do with it. With a bit of luck and a lot of grid, you can come out stronger on the other side.
My 5 favorite tips to improve your CSS
Tags: css, webdev, learning, beginners
Published: 2023-11-20 17:00:00

Hey folks!

CSS is magic for a lot of people. So I'm here to help. I wrote this article with my favorite tips. If you like it [you'll read more tips in my newsletter](https://cssisntmagic.substack.com).

## `border` helps users with photosensitivity to find element boundaries

![The wrong code. padding 10px, background-color red. The correct code. padding 8px, background-color red, border 1px solid transparent](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1l0rthg3lzged07c74qa.jpg)

`background` doesn't display with operating system contrast settings enabled. As a result, users won't element boundaries. The solution is to use `border: 1px solid transparent` 💡

## The power of CSS inheritance when defining `line-height`

![The wrong code. line-height 1.5. It's applied to p, ul. The correct code. line-height 1.5. It's applied to body](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hcs777jppee3bw2hp7bb.jpg)

Folks, I messed up. I forgot I can use CSS inheritance and add `line-height` to `<body>` instead of adding it to `<p>`, `<h*>`, `<ul>`, et al. separately 😉

## Don't forget to stop page scrolling when creating a custom scrollbar

![The wrong code. height 100vh, overflow auto. The correct code. height 100vh, overflow auto and overscroll-behavior contain](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ap9wfu490juwn9w70dnb.jpg)

Do you make the widget with custom scrolling? `overscroll-behavior` will care about your users by stopping page scrolling after scrolling your widget 💡

## We don't need to use `0` anymore to define margins and paddings

![The wrong code. padding 10px 0 15px, margin 0 10px 0 15px. The correct code. padding-block 10px 15px, margin-inline 15px 10px](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/su0hh2yje0svoznult6o.jpg)

I had to make a not logical thing, i.e. use 0 to define margins, paddings with opposite sides 😒 Now `margin-block`, `margin-inline`, `padding-block`, `padding-inline` help us to make the same without `0` 🥳

## It’s time to use a new way for centering elements with `position: absolute`

![The wrong code. The parent has position relative. The child element has position absolute, top 50%, left 50%, transform translate(-50%, -50%). The correct code. The parent has display: grid, place-items: center. The child element has position absolute](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/05p13hwlmru7yrmt43ek.jpg)

Do you still use the old snippet to the center element with `position: absolute` using `transform(-50%, -50%)`? It’s time to use a new alternative! Meet `place-items: center` 😉

P.S. [Don't forget to see more tips](https://cssisntmagic.substack.com)
Flutter App Development Company USA
Tags: flutter, app, development, company
Published: 2023-11-20 16:59:40

Unlock the potential of Flutter with TechnBrains! As a leading [Flutter app development company](https://www.technbrains.com/mobile-application/flutter-app-development/), our seasoned developers specialize in crafting agile, customer-centric apps for iOS, Android, and the web. Leverage the power of Flutter 2.0 for cross-platform development, reducing time and costs through a shared codebase. Benefit from feature-rich, accessible UI/UX designs, ensuring your app stands out.

**Services Highlights**

**Comprehensive Flutter Solutions:** From feature integration to design enhancements, we've got you covered.
**Customer-Centric Approach:** We stay connected from project kickoff to closure, ensuring every module aligns with your vision.
**Innovative Practices:** Embrace creativity and innovation as we strive to deliver cutting-edge mobile solutions.

**Why Choose TechnBrains**

**Top-Rated in the USA:** Consistency, dedication, and a commitment to excellence set us apart.
**Focus on Quality:** Our development solutions are built on the latest technologies, ensuring lasting value.
**Features Include:** Location-enabled services, intuitive UI/UX designs, secure data handling, and lightweight apps.

Join Hands with the Best - Choose TechnBrains for Your Flutter App Development Company Needs.
Austria Euro Cup: Ralf Rangnick's full squad for the Euro 2024 qualifiers
Tags: eurocuptickets, euro2024tickets
Published: 2023-11-20 16:58:56

[https://www.eticketing.co/sports-tickets/euro-cup-tickets/](https://www.eticketing.co/sports-tickets/euro-cup-tickets/
)
Euro fans worldwide can book Euro 2024 Tickets from our online platform www.eticketing.co. Fans can book Euro Cup 2024 Tickets on our website at discounted prices.

[https://www.eticketing.co/sports-tickets/euro-cup-tickets/
](https://blog.eticketing.co/austria-euro-cup-ralf-rangnicks-full-squad-for-the-euro-2024-qualifiers/)
De la Playa a la Montaña: La Diversidad de los Deportes al Aire Libre
Published: 2023-11-20 16:48:54

Bienvenidos a nuestro fascinante recorrido a través de la diversidad de los deportes al aire libre, donde la aventura se entrelaza con la naturaleza, llevándote desde las playas hasta las majestuosas montañas. Descubre la emoción, la salud y la conexión con la madre tierra mientras exploramos las distintas actividades que van más allá de lo convencional. ¡Prepárate para una experiencia única llena de adrenalina y belleza natural! Saber más [app 1win](1wins-colombia.co/app/)

Surf: Domina las Olas
Surcando las Aguas
El surf se erige como el rey de las olas, cautivando a aquellos que buscan la combinación perfecta de destreza y equilibrio. Desde las playas de arena fina hasta los acantilados rocosos, el surf no solo es un deporte, sino una forma de vida. Sumérgete en las aguas cristalinas y descubre la libertad que solo las olas pueden ofrecer.

Senderismo: Explorando Nuevas Alturas
Paso a Paso por la Naturaleza
Para aquellos que buscan la tranquilidad de las alturas, el senderismo se presenta como la opción perfecta. Desde las rutas costeras hasta los senderos de montaña, cada paso te acerca más a la cima, donde serás testigo de panoramas inigualables. La combinación de ejercicio físico y conexión con la naturaleza convierte al senderismo en una experiencia transformadora.

Ciclismo de Montaña: Desafiando Terrenos Irregulares
Aventura Sobre Ruedas
El ciclismo de montaña lleva la emoción a un nivel superior, desafiando terrenos irregulares y ofreciendo una experiencia única para los amantes de la velocidad y la adrenalina. Desde bosques frondosos hasta picos escarpados, cada giro del pedal es una oportunidad para conquistar nuevos desafíos.

Yoga al Aire Libre: Armonía entre Cuerpo y Naturaleza
Conexión Espiritual
Descubre la armonía entre cuerpo y naturaleza a través del yoga al aire libre. Ya sea en una playa al atardecer o en la cima de una montaña al amanecer, esta práctica milenaria te permite conectarte contigo mismo mientras te sumerges en la serenidad de tu entorno natural.

Escalada: Elevándote hacia Nuevas Metas
Toque de Aventura Vertical
La escalada ofrece la oportunidad de elevarse hacia nuevas metas literalmente. Desde formaciones rocosas hasta paredes de hielo, desafía tus límites y experimenta la emoción de alcanzar nuevas alturas. La escalada no solo es un deporte, sino un desafío personal que te invita a superar obstáculos con determinación.

Conclusiones: Abrazando la Diversidad al Aire Libre
En resumen, la diversidad de los deportes al aire libre nos permite explorar, experimentar y apreciar la belleza del mundo que nos rodea. Ya sea surfeando las olas, ascendiendo a nuevas alturas o encontrando paz en la práctica del yoga, cada actividad nos conecta de manera única con la naturaleza. ¿Estás listo para embarcarte en esta emocionante aventura?