Skip to content

This Dot Blog

This Dot provides teams with technical leaders who bring deep knowledge of the web platform. We help teams set new standards, and deliver results predictably.

Newest First
How to Make the Most of Your Software Documentation with AD Slaton cover image

How to Make the Most of Your Software Documentation with AD Slaton

In this episode hosted by Rob Ocel, and AD Slaton, Senior Director of Software Architecture at Warner Brothers discusses the significance of documentation in agile software development. By examining the critical role of documentation, this discussion underscores its impact on communication, innovation, and project success in agile environments. Clear and comprehensive documentation bridges between technical teams and stakeholders, ensuring that everyone involved in the project has a shared understanding of the goals, requirements, and processes. By providing a common reference point, documentation minimizes misunderstandings and reduces the risk of errors. This clarity enables stakeholders to provide valuable feedback and make informed decisions, ultimately leading to better project outcomes. Effective documentation also helps maintain alignment across various team members and departments, fostering a cohesive approach to project management. Thorough documentation not only facilitates communication but also fosters innovation within development teams. By documenting design decisions, technical specifications, and user journeys, teams can build upon existing knowledge and leverage past experiences. This promotes a culture of learning and continuous improvement, allowing teams to innovate and find creative solutions to challenges. Moreover, involving team members in the documentation process ensures shared understanding and ownership, which enhances collaboration and efficiency within teams. Documentation thus becomes a tool for both preserving institutional knowledge and sparking new ideas. While agile methodologies prioritize flexibility and adaptability, it is essential to strike a balance with solid documentation. Agile teams often face the challenge of maintaining a fast-paced development process while ensuring that critical information is captured and shared. Using tools like Architecture Decision Records (ADRs) and platforms like GitHub, teams can streamline documentation and approval processes. This approach enables them to maintain agility while still having a structured documentation framework, ensuring that important decisions and changes are properly recorded and communicated. Download this episode here....

How Svelte and RSCs are Changing Web Development with Rich Harris cover image

How Svelte and RSCs are Changing Web Development with Rich Harris

Tracy Lee, Adam Rackis, and Ben Lesh sit down with Rich Harris, the creator of Svelte, to talk about the state of Svelte and the exciting world of React Server Components (RSCs), web development's next evolution in co-locating resources for improved data management, and reusability. Uncover the benefits of component-based data fetching, like improved composition, and ease of development. Streamline server-side work, reduce the workload on the browser, and improve component rendering efficiency. The discussion explores the challenges faced by different front-end frameworks, with a great discussion on Svelte's advancements in reactivity and performance. Rich Harris highlights the unique features of Svelte that set it apart from other frameworks. He emphasizes the importance of optimizing performance and reducing the amount of code that needs to be shipped to the browser. Looking towards the future, Rich Harris predicts potential challenges with computed signals and showcases Svelte's innovative approach to reactive programming. Svelte's continuous commitment to improving developer experience make it an exciting framework to watch out for. They also share personal opinions on JavaScript classes, Svelte 5 development, and even their favorite cheese pairings. Download this episode here....

How to set up local cloud environment with LocalStack cover image

How to set up local cloud environment with LocalStack

Most applications are powered by AWS services due to their richness in providing services for specific purposes. However, testing an AWS application while developing without maintaining a dev account is hard....

Are We in a Bubble? The State of Silicon Valley Tech with Scott Budman from NBC News cover image

Are We in a Bubble? The State of Silicon Valley Tech with Scott Budman from NBC News

In this episode of the podcast, host Rob Ocel and co-host Tracy Lee are joined by Scott Budman, Emmy Award winning Business and Technology Reporter at NBC Silicon Valley, to talk about what’s happening in the world of Silicon Valley tech and entrepreneurship. Scott emphasizes the importance of historical context in understanding tech trends and highlights the cyclical nature of innovation, providing listeners with a deeper appreciation of how past developments shape current advancements. One of the key topics discussed is the impact of artificial intelligence (AI) on search technology. Scott explains how AI has revolutionized the way we search for information, making it more personalized and efficient. However, he also acknowledges the challenges that arise when innovation outpaces regulation, stressing the need for a balanced perspective on tech advancements. This segment underscores the complex interplay between rapid technological progress and the regulatory frameworks that struggle to keep pace. The conversation discusses the role of journalism in providing unbiased reporting. Scott emphasizes the significance of staying connected with the audience through social media engagement and discusses the evolving role of tech leaders. He highlights the unique ecosystem of Silicon Valley, where innovation thrives, and tech giants continuously push the boundaries of what is possible. This part of the discussion sheds light on the critical role journalists play in interpreting and disseminating information in a rapidly changing tech landscape. Lastly, Scott shares insights into what makes a CEO effective in the fast-paced tech industry, emphasizing the importance of adaptability, vision, and the ability to navigate through uncertainty. The episode concludes with a thought-provoking discussion on the dynamic nature of the tech industry and the potential implications of AI on society and business. It serves as a reminder of the importance of critical evaluation and staying informed about the latest tech trends, making it a valuable listen for both tech enthusiasts and those curious about the ever-evolving world of Silicon Valley. Download this episode here....

Fine-Tuning with OpenAI in a Real World App with Mark Shenouda cover image

Fine-Tuning with OpenAI in a Real World App with Mark Shenouda

In this training, Mark Shenouda explores the OpenAI’s fine tuning feature. We’ll learn how to do implement fine tuning in a Next.js application. Fine-tuning involves providing specific examples and adjusting the model's behavior to improve its understanding and responses. By exposing the model to a wide range of data, it learns to generate more accurate and contextually appropriate answers. This process enables AI to grasp the intricacies of various tasks. This training illustrates the clear distinction between fine-tuning and RAG. RAG relies on retrieving pre-existing information, while fine-tuning takes a step further by training the model on specific data. This approach is highly effective for tasks requiring a deep understanding of particular domains or datasets. By fine-tuning AI models, developers can create products that not only understand their domain's nuances but also provide relevant and helpful responses, saving valuable time and resources. Despite its advantages, fine-tuning comes with challenges, notably the cost implications due to the extensive training data required. Fine-tuning demands a substantial amount of data to ensure the model's accuracy and effectiveness. Additionally, data preparation is crucial, involving organizing the data in a structured format, to facilitate seamless integration with the AI model. While fine-tuning enhances AI performance, RAG is also effective in certain scenarios. Evaluating the specific requirements of each task and determining the most suitable approach allows developers to optimize AI performance and achieve the desired outcomes. Watch this episode of YouTube....

Adding RAG to a Chatbot using AstraDB, Cohere, OpenAI, Vercel and Next cover image

Adding RAG to a Chatbot using AstraDB, Cohere, OpenAI, Vercel and Next

In this training led by Mark Shenouda, viewers learn how to integrate ChatGPT using technologies like Vercel, Next.js, and Tailwind CSS. This training covers generating code with AI, setting up OpenAI providers, and using AstraDB for data storage. This guide will show how these tools can create intelligent, efficient, and visually appealing applications that offer personalized user experiences. ChatGPT, developed by OpenAI, changes how we interact with AI models. With its advanced natural language processing capabilities, it offers many possibilities for developers and businesses. By integrating ChatGPT into projects, we can create intelligent chatbots, automate tasks, and provide personalized user experiences. The ability to generate human-like responses and understand context makes ChatGPT a powerful tool for enhancing customer engagement and operational efficiency. Next.js is a powerful React framework and makes ChatGPT integration easy by providing a strong foundation for building dynamic and interactive user interfaces. Its server-side rendering capabilities ensure fast and efficient content rendering, resulting in a smooth user experience. By combining the power of ChatGPT with Next.js, developers can create intelligent chat interfaces that respond to user queries in real time. Additionally, Tailwind CSS, a utility-first CSS framework, simplifies the process of styling and designing user interfaces. With its extensive set of pre-built components and utility classes, developers can quickly create visually appealing interfaces without the need for custom CSS. Vercel, a popular cloud platform for static sites and serverless functions, offers an easy integration experience for ChatGPT. With Vercel's simplicity and ease of use, setting up actions and deploying apps becomes straightforward. Vercel provides the infrastructure needed to bring your ideas to life. Its intuitive deployment process and scalability ensure that your applications run smoothly and can handle varying levels of traffic. AstraDB, a data storage solution, plays an important role in maximizing the potential of ChatGPT integration. By storing relevant data in AstraDB, developers can access and retrieve information efficiently, enabling the chatbot to provide accurate and contextually relevant responses. One of the key advantages of ChatGPT integration is the ability to customize the chatbot's behavior and responses. Developers can also use OpenAI’s fine-tuning to tune the model to align with their specific requirements, ensuring a personalized and tailored experience for users....

Why is My React Reducer Called Twice and What the Heck is a Pure Function? cover image

Why is My React Reducer Called Twice and What the Heck is a Pure Function?

A short dive into an interesting issue we faced in a recent project: our React reducer was being called twice, causing unexpected behavior....

Psychologically Safe Workplaces with Krystal Smith-Moore cover image

Psychologically Safe Workplaces with Krystal Smith-Moore

Krystal Smith-Moore, Engineering Manager at Spotify, shares her journey from a non-traditional background to management, and how it informs her empathetic leadership approach. Krystal emphasizes the significance of self-awareness, seeking support, and aligning personal values with management roles. By ensuring our values align with the company's mission and culture, we can create a more fulfilling leadership experience. Krystal stresses the need for self-care, setting boundaries to prevent burnout, and recognizing when it's time to recharge. By prioritizing self-care, leaders can maintain their energy and enthusiasm, leading to better decision-making and a more positive work environment. She also discusses the importance of empathy, continuous learning, and creating psychologically safe workplaces where employees feel comfortable expressing their ideas and concerns. By aligning personal values with management roles, prioritizing self-care, and fostering a psychologically safe workplace, leaders can create a positive and impactful experience for themselves and their teams. Download this episode here....

How to Attract and Retain Engineers in a Distributed Remote Working World with Brandon Tolbert cover image

How to Attract and Retain Engineers in a Distributed Remote Working World with Brandon Tolbert

Brandon Tolbert, Director of OSP Engineering at Circet USA, discussed the diverse engineering roles at Circet and the challenges of finding skilled personnel to fill those specified seats. In the telecom industry, it is essential to have a team of talented individuals who can adapt to new technologies and industry trends. However, identifying such individuals is a challenging task. Brandon emphasized the importance of actively engaging employees in decision-making processes and providing continuous learning opportunities to keep them current with the latest advancements. The conversation also underscored the value of mentorship in the telecom industry. As technology advances, it is crucial for experienced professionals to guide and mentor younger talent. By fostering a culture of mentorship, organizations can ensure that knowledge and expertise are passed down to the next generation, enabling them to tackle industry changes with confidence. This mentorship not only helps in skill development but also in building confidence and preparedness among younger employees to handle industry shifts effectively. Investing in employee development was another key aspect discussed. Both Rob and Brandon emphasized the benefits of providing growth opportunities and promoting from within. By investing in their employees' professional development, organizations not only retain top talent but also create a supportive work environment that encourages innovation and creativity. This approach not only enhances employee satisfaction but also drives the organization's overall growth and competitiveness in the market. Lastly, the conversation touched on the significance of maintaining connections and nurturing talent even after parting ways professionally. In the fast-paced telecom industry, professionals often move between companies, and maintaining a strong network of connections can be invaluable. By staying connected and supporting each other's growth, professionals can continue to collaborate and drive innovation even when they are no longer working together. Download this episode here....

Awesome 3D experience with VueJS and TresJS: a beginner's guide cover image

Awesome 3D experience with VueJS and TresJS: a beginner's guide

Unleash the power of 3D in your Vue.js projects with Tres.js! The future of immersive web experiences is here. #Vuejs #3Ddevelopment...

Effortless App Building with and Next.js Training featuring Mark Shenouda cover image

Effortless App Building with and Next.js Training featuring Mark Shenouda

In this JS Drop training, Mark Shenouda covers the capabilities of by building a custom Next.js application. He explores the features and benefits of, highlighting its efficiency in generating interfaces, customizing UI elements, and simplifying deployment processes. allows users to build interfaces. The integration with Next.js is a game-changer, enabling the addition of new pages to projects with a single command. It efficiently generates different interface options, making it a valuable tool for both developers and non-developers. With, interactive layouts can be achieved without extensive coding knowledge, opening up new possibilities for app development. One of the standout features of is its ability to customize UI elements. The tool provides a range of options to tailor the user interface to specific requirements. Whether it's tweaking colors, fonts, or layouts, empowers developers to create visually appealing and user-friendly interfaces. This flexibility ensures that the final product aligns with the desired aesthetic and enhances the overall user experience. seamlessly integrates with Next.js, a server rendering framework for React. This integration brings numerous benefits, including simplified deployment processes and enhanced performance. Next.js allows for server-side rendering, resulting in faster page loads and improved SEO. With, app development becomes more accessible and efficient, allowing for faster iterations and improved user experiences. Whether you're a seasoned developer or a non-technical individual looking to bring your app idea to life, is definitely worth exploring....

How to Develop a Vision Pro App using Angular with Nathan Walker cover image

How to Develop a Vision Pro App using Angular with Nathan Walker

In this training led by Nathan Walker, viewers are introduced to Angular app development for VisionPro. The session covers integrating 3D models, manipulating them with NeoScript Swift, and using USDZ files, with a focus on asset management and Swift packages for immersive experiences. Nathan also reviews integrating and manipulating 3D models using NeoScript Swift, enhancing Angular apps with interactive and visually appealing interfaces. The use of USDZ files added stunning 3D graphics, bringing apps to life. The training also explores the interaction between NativeScript views and Swift UI components, demonstrating the flexibility in app development. This integration allows developers to create dynamic user interfaces, combining the strengths of Angular and Swift UI for exceptional user experiences....