<?xml version="1.0"?>
<rss xmlns:a10="http://www.w3.org/2005/Atom" version="2.0">
  <channel>
    <title>javascriptkicks.com</title>
    <link>https://javascriptkicks.com/</link>
    <description>The latest published stories from JavaScriptKicks.com</description>
    <language>en-us</language>
    <copyright>DotNetKicks LLC</copyright>
    <generator>javascriptkicks.com</generator>
    <item>
      <guid isPermaLink="false">stories/684127</guid>
      <link>https://javascriptkicks.com/r/684127?url=https://www.syncfusion.com/blogs/post/wproofreader-with-rich-text-editor?utm_source=jskicks&amp;utm_medium=cpc&amp;utm_campaign=angular_wproofreader_bpnews</link>
      <a10:author>
        <a10:name>Syncfusion</a10:name>
        <a10:uri>https://javascriptkicks.com/@Syncfusion</a10:uri>
      </a10:author>
      <title>Easily Integrate WProofreader with Angular Rich Text Editor</title>
      <description>In this blog, we’ll explore how to easily integrate the WProofreader with Syncfusion Angular Rich Text Editor to improve the quality of your content.</description>
      <a10:updated>2026-02-13T14:00:00Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/683483</guid>
      <link>https://javascriptkicks.com/r/683483?url=https://www.syncfusion.com/blogs/post/vue-form-components-and-vuelidate?utm_source=jskicks&amp;utm_medium=cpc&amp;utm_campaign=vue_formcomponents_bpnews</link>
      <a10:author>
        <a10:name>Syncfusion</a10:name>
        <a10:uri>https://javascriptkicks.com/@Syncfusion</a10:uri>
      </a10:author>
      <title>Integrating Syncfusion Vue Form Components and Vuelidate</title>
      <description>In this blog, we’ll walk through a real-world example of using Syncfusion Vue Form components and Vuelidate for event form validation.
Let’s get started!</description>
      <a10:updated>2026-02-06T14:00:00Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/683482</guid>
      <link>https://javascriptkicks.com/r/683482?url=https://www.syncfusion.com/blogs/post/share-angular-components-across-projects?utm_source=jskicks&amp;utm_medium=cpc&amp;utm_campaign=angular_effectivetechniques_bpnews</link>
      <a10:author>
        <a10:name>Syncfusion</a10:name>
        <a10:uri>https://javascriptkicks.com/@Syncfusion</a10:uri>
      </a10:author>
      <title>Effective Techniques to Share Angular Components Across Projects</title>
      <description>If you’re working with single-page apps, chances are you’re likely running on Angular. Angular is a powerful frontend framework that easily lets you build complex and dynamic single-page apps. When working on a small project, you will not encounter any issues, as you maintain a handful of components in one project.</description>
      <a10:updated>2026-01-31T14:00:00Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/682718</guid>
      <link>https://javascriptkicks.com/r/682718?url=https://www.syncfusion.com/blogs/post/angular-smart-paste-button-component?utm_source=jskicks&amp;utm_medium=cpc&amp;utm_campaign=angular_smartpastebutton_bpnews</link>
      <a10:author>
        <a10:name>Syncfusion</a10:name>
        <a10:uri>https://javascriptkicks.com/@Syncfusion</a10:uri>
      </a10:author>
      <title>Introducing the New Angular Smart Paste Button Component</title>
      <description>The AI-powered Smart Paste Button component automates data entry by intelligently pasting and formatting data into the appropriate fields on various forms. This improves efficiency, minimizes manual errors, and ensures consistency in forms across different apps, such as customer information forms, surveys, orders, registrations, financial records, healthcare documents, legal contracts, and HR apps.</description>
      <a10:updated>2026-01-24T14:00:00Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/682716</guid>
      <link>https://javascriptkicks.com/r/682716?url=https://certificates.dev/javascript/free-weekend?utm_source=javascriptkicks&amp;utm_medium=sponsored_post&amp;utm_campaign=jsfw26</link>
      <a10:author>
        <a10:name>JavaScript Kicks</a10:name>
        <a10:uri>https://javascriptkicks.com/@JavaScriptKicks</a10:uri>
      </a10:author>
      <title>48h Free, Unlimited Access to JavaScript Mid-Level Certification Training</title>
      <description>Sign up now for a full free weekend (7-8 Feb) of structured training experience with 17 theory lessons, 18 coding challenges, and 42 pop quiz questions. You also get access to a trial exam to test your readiness and experience the assessment platform, complete with multiple-choice questions and a coding challenge. 

The JavaScript Mid-Level Developer certification training program is set out in 9 chapters:
- JavaScript Fundamentals
- DOM Manipulation
- Events
- Advanced Functions
- Asynchronous JavaScript and APIs
- Advanced Array and Object Methods
- ES6+ Features
- Error Handling
- Challenge Roundup

Certificates.dev provides industry-recognized certifications and partners with framework creators and top experts to ensure the competencies tested are those required for effective JavaScript use. Thousands of developers across 680+ companies worldwide have been certified. 

→ Book your seat</description>
      <a10:updated>2026-01-22T14:00:00Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/682715</guid>
      <link>https://javascriptkicks.com/r/682715?url=https://www.syncfusion.com/blogs/post/new-react-smart-textarea-component?utm_source=jskicks&amp;utm_medium=cpc&amp;utm_campaign=react_textarea_bpnews</link>
      <a10:author>
        <a10:name>Syncfusion</a10:name>
        <a10:uri>https://javascriptkicks.com/@Syncfusion</a10:uri>
      </a10:author>
      <title>Introducing the New React Smart TextArea Component</title>
      <description>In this blog, we’ll explore how the AI-powered Smart TextArea component transforms text input by providing contextual suggestions based on predefined roles and phrases. This makes it ideal for apps such as email clients, customer support systems, sales, and internal communication tools.</description>
      <a10:updated>2026-01-17T14:00:00Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/680165</guid>
      <link>https://javascriptkicks.com/r/680165?url=https://www.syncfusion.com/blogs/post/flowchart-creation-in-angular-diagram?utm_source=jskicks&amp;utm_medium=cpc&amp;utm_campaign=angular_flowchart_bpnews</link>
      <a10:author>
        <a10:name>Syncfusion</a10:name>
        <a10:uri>https://javascriptkicks.com/@Syncfusion</a10:uri>
      </a10:author>
      <title>Easily Automate Flowchart Creation in Angular Diagram</title>
      <description>In this blog, we’ll demonstrate how to automate flowchart creation using Syncfusion’s Diagram component, eliminating manual placements by leveraging its built-in automatic layout algorithm.</description>
      <a10:updated>2026-01-08T14:00:00Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/680164</guid>
      <link>https://javascriptkicks.com/r/680164?url=https://www.syncfusion.com/blogs/post/automate-flowchart-creation-in-react?utm_source=jskicks&amp;utm_medium=cpc&amp;utm_campaign=react_flowchart_bpnews</link>
      <a10:author>
        <a10:name>Syncfusion</a10:name>
        <a10:uri>https://javascriptkicks.com/@Syncfusion</a10:uri>
      </a10:author>
      <title>Easily Automate Flowchart Creation in React Diagram</title>
      <description>In this blog, we’ll demonstrate how to automate flowchart creation using Syncfusion’s Diagram component, eliminating manual placements by leveraging its built-in automatic layout algorithm.</description>
      <a10:updated>2025-12-31T14:00:00Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/680163</guid>
      <link>https://javascriptkicks.com/r/680163?url=https://www.syncfusion.com/blogs/post/new-ai-powered-smart-react-components?utm_source=jskicks&amp;utm_medium=cpc&amp;utm_campaign=react_aipowered_bpnews</link>
      <a10:author>
        <a10:name>Syncfusion</a10:name>
        <a10:uri>https://javascriptkicks.com/@Syncfusion</a10:uri>
      </a10:author>
      <title>Introducing New AI-Powered Smart React Components and Features</title>
      <description>We are thrilled to introduce AI-powered Syncfusion React Smart components and AI integration features with our existing Syncfusion React components.</description>
      <a10:updated>2025-12-19T14:00:00Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/680162</guid>
      <link>https://javascriptkicks.com/r/680162?url=https://www.syncfusion.com/blogs/post/resolve-cors-errors-angular-proxy?utm_source=jskicks&amp;utm_medium=cpc&amp;utm_campaign=angular_corserrors_bpnews</link>
      <a10:author>
        <a10:name>Syncfusion</a10:name>
        <a10:uri>https://javascriptkicks.com/@Syncfusion</a10:uri>
      </a10:author>
      <title>How to resolve CORS errors by using Angular Proxy?</title>
      <description>This article will discuss the importance of handling CORS issues and how to set up and use Angular Dev Proxy to avoid them in five easy steps.</description>
      <a10:updated>2025-12-12T14:00:00Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/679506</guid>
      <link>https://javascriptkicks.com/r/679506?url=https://adventjs.dev?utm_source=JSK-679506&amp;utm_medium=JSK-679506&amp;utm_content=JSK-679506&amp;utm_campaign=JSK-679506</link>
      <a10:author>
        <a10:name>Miguel Ángel Durán</a10:name>
        <a10:uri>https://javascriptkicks.com/@midudev</a10:uri>
      </a10:author>
      <title>JavaScript/TypeScript coding challenges on December [AdventJS 2025]</title>
      <description>A new coding challenge unlocks every day, designed to help you practice problem solving with JavaScript, TypeScript, and Python.

Each exercise includes automated tests, clear instructions, and solutions from developers around the world. It's a simple way to stay sharp, build consistency, and enjoy a bit of daily coding during December.

Completely free.</description>
      <a10:updated>2025-12-04T14:00:00Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/679097</guid>
      <link>https://javascriptkicks.com/r/679097?url=https://www.syncfusion.com/blogs/post/introducing-new-react-ai-assistview?utm_source=jskicks&amp;utm_medium=cpc&amp;utm_campaign=react_assistview_bpnews</link>
      <a10:author>
        <a10:name>Syncfusion</a10:name>
        <a10:uri>https://javascriptkicks.com/@Syncfusion</a10:uri>
      </a10:author>
      <title>Introducing the New React AI AssistView Component</title>
      <description>In this blog, we will explore the key features of the React AI AssistView component, highlight its UI design, and provide code examples to help you quickly integrate it into your React apps.</description>
      <a10:updated>2025-11-27T14:00:00Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/678621</guid>
      <link>https://javascriptkicks.com/r/678621?url=https://www.syncfusion.com/blogs/post/react-styling-tips-tricks?utm_source=jskicks&amp;utm_medium=cpc&amp;utm_campaign=react_stylingtips_bpnews</link>
      <a10:author>
        <a10:name>Syncfusion</a10:name>
        <a10:uri>https://javascriptkicks.com/@Syncfusion</a10:uri>
      </a10:author>
      <title>React Styling: Essential Tips and Tricks for Designers</title>
      <description>Styling is an essential and integral part of modern web development. It has been the tagging partner of HTML since the inception of the browser, providing all the shine to HTML elements and webpages. It attracts users and encourage them to use a website for longer through a better user experience.</description>
      <a10:updated>2025-11-21T14:00:00Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/677600</guid>
      <link>https://javascriptkicks.com/r/677600?url=https://www.syncfusion.com/blogs/post/inline-editing-in-angular-pivot-table?utm_source=jskicks&amp;utm_medium=cpc&amp;utm_campaign=angular_pivottable_bpnews</link>
      <a10:author>
        <a10:name>Syncfusion</a10:name>
        <a10:uri>https://javascriptkicks.com/@Syncfusion</a10:uri>
      </a10:author>
      <title>Streamline Data Management with Inline Editing in Angular Pivot Table</title>
      <description>In today’s data-driven world, presenting data clearly and interactively is crucial. The ability to seamlessly visualize and interact with data can change how users analyze and interpret information. This is where the Syncfusion Angular Pivot Table shines, with its powerful features that improve data visualization.</description>
      <a10:updated>2025-11-07T14:00:00Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/676526</guid>
      <link>https://javascriptkicks.com/r/676526?url=https://www.syncfusion.com/blogs/post/virtualization-in-react-multiselect-dropdown?utm_source=jskicks&amp;utm_medium=cpc&amp;utm_campaign=react_multiselectdropdown_bpnews</link>
      <a10:author>
        <a10:name>Syncfusion</a10:name>
        <a10:uri>https://javascriptkicks.com/@Syncfusion</a10:uri>
      </a10:author>
      <title>Boost React MultiSelect Dropdown Performance with Virtualization</title>
      <description>The Syncfusion React MultiSelect Dropdown is a powerful tool for this purpose, but its performance can suffer when dealing with extensive data. This is where virtualization comes in, significantly enhancing the performance of your MultiSelect Dropdown. </description>
      <a10:updated>2025-10-31T14:00:00Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/676525</guid>
      <link>https://javascriptkicks.com/r/676525?url=https://www.syncfusion.com/blogs/post/whats-new-in-node-js-22?utm_source=jskicks&amp;utm_medium=cpc&amp;utm_campaign=js_newnode_bpnews</link>
      <a10:author>
        <a10:name>Syncfusion</a10:name>
        <a10:uri>https://javascriptkicks.com/@Syncfusion</a10:uri>
      </a10:author>
      <title>What’s New in Node.js 22?</title>
      <description>In this blog, we will explore the features of Node.js 22.1.0, released on May 2, the latest stable release of Node.js. Node.js is a free, open-source, cross-platform JavaScript runtime environment designed for developers to create servers, web apps, command-line tools, and scripts.</description>
      <a10:updated>2025-10-25T14:00:00Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/675696</guid>
      <link>https://javascriptkicks.com/r/675696?url=https://www.syncfusion.com/blogs/post/cel-and-spel-in-angular-query-builder?utm_source=jskicks&amp;utm_medium=cpc&amp;utm_campaign=angular_querybuilder_bpnews</link>
      <a10:author>
        <a10:name>Syncfusion</a10:name>
        <a10:uri>https://javascriptkicks.com/@Syncfusion</a10:uri>
      </a10:author>
      <title>Mastering Angular Query Builder: CEL and SpEL Integration</title>
      <description>Syncfusion Angular Query Builder is a graphical user interface component that creates queries. It supports data binding, templates, importing from JSON and SQL, exporting to JSON and SQL, and parsing queries to predicates for the data manager. This component can be populated using an array of JavaScript objects.</description>
      <a10:updated>2025-10-11T14:00:00Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/674773</guid>
      <link>https://javascriptkicks.com/r/674773?url=https://www.syncfusion.com/blogs/post/advanced-custom-editing-in-js-gantt?utm_source=jskicks&amp;utm_medium=cpc&amp;utm_campaign=js_customediting_bpnews</link>
      <a10:author>
        <a10:name>Syncfusion</a10:name>
        <a10:uri>https://javascriptkicks.com/@Syncfusion</a10:uri>
      </a10:author>
      <title>Explore Advanced Custom Editing in JavaScript Gantt Chart</title>
      <description>This blog explores the advanced custom editing features in the JavaScript Gantt Chart designed to streamline your project management.</description>
      <a10:updated>2025-09-27T14:00:00Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/673416</guid>
      <link>https://javascriptkicks.com/r/673416?url=https://www.syncfusion.com/blogs/post/create-floor-planner-diagram-in-vue?utm_source=jskicks&amp;utm_medium=cpc&amp;utm_campaign=vue_floorplanner_bpnews</link>
      <a10:author>
        <a10:name>Syncfusion</a10:name>
        <a10:uri>https://javascriptkicks.com/@Syncfusion</a10:uri>
      </a10:author>
      <title>Easily Create Interactive Floor Planner Diagrams in Vue</title>
      <description>In this blog, we’ll explore how to harness the full potential of the Vue Diagram Library to create interactive user interfaces that streamline the floor planning process, enabling designers to develop layouts quickly and efficiently.</description>
      <a10:updated>2025-09-20T14:00:00Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/673415</guid>
      <link>https://javascriptkicks.com/r/673415?url=https://www.syncfusion.com/blogs/post/whats-new-javascript-ecmascript-2024?utm_source=jskicks&amp;utm_medium=cpc&amp;utm_campaign=js_ecma_bpnews</link>
      <a10:author>
        <a10:name>Syncfusion</a10:name>
        <a10:uri>https://javascriptkicks.com/@Syncfusion</a10:uri>
      </a10:author>
      <title>What’s New in JavaScript: ECMAScript 2024 (Edition 15)</title>
      <description>ECMAScript is a fundamental component of JavaScript. Since the middle of the 1990s, ECMAScript has evolved to provide developers with new capabilities, enriching the dynamic and user-friendly nature of web experiences. From simple scripts to intricate frameworks, it influences the digital landscape and fuels creativity and innovation in web development.</description>
      <a10:updated>2025-09-13T14:00:00Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/673414</guid>
      <link>https://javascriptkicks.com/r/673414?url=https://www.syncfusion.com/blogs/post/add-grid-chart-in-js-pivot-field-list?utm_source=jskicks&amp;utm_medium=cpc&amp;utm_campaign=js_pivotfieldlist_bpnews</link>
      <a10:author>
        <a10:name>Syncfusion</a10:name>
        <a10:uri>https://javascriptkicks.com/@Syncfusion</a10:uri>
      </a10:author>
      <title>Effectively Visualize Data: Add Grids and Charts in JavaScript Pivot Field List</title>
      <description>In this blog, we’ll see the detailed steps to create a Grid and Chart using the JavaScript Pivot Table’s Field List component with our server-side engine. Here, we won’t use the built-in grid and chart features in the Pivot Table. Instead, we’ll add the Syncfusion JavaScript DataGrid and Charts components to visualize data effectively.</description>
      <a10:updated>2025-09-06T14:00:00Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/672914</guid>
      <link>https://javascriptkicks.com/r/672914?url=https://www.syncfusion.com/blogs/post/add-react-dropdown-list-in-next-js?utm_source=jskicks&amp;utm_medium=cpc&amp;utm_campaign=react_dropdownlistnext_bpnews</link>
      <a10:author>
        <a10:name>Syncfusion</a10:name>
        <a10:uri>https://javascriptkicks.com/@Syncfusion</a10:uri>
      </a10:author>
      <title>How to Add React Dropdown List in a Next.js App?</title>
      <description>Are you looking to enhance the user experience of your Next.js application by integrating sophisticated dropdown list components?</description>
      <a10:updated>2025-08-30T14:00:00Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/671503</guid>
      <link>https://javascriptkicks.com/r/671503?url=https://www.syncfusion.com/blogs/post/whats-new-in-next-js-15-rc?utm_source=jskicks&amp;utm_medium=cpc&amp;utm_campaign=react_next_bpnews</link>
      <a10:author>
        <a10:name>Syncfusion</a10:name>
        <a10:uri>https://javascriptkicks.com/@Syncfusion</a10:uri>
      </a10:author>
      <title>What’s New in Next.js 15 RC?</title>
      <description>In this blog, we will explore the Next.js 15 RC to test the latest features for the upcoming stable release of Next.js. The first release candidate for Next.js 15 RC was rolled out on May 23, 2024. This means we can examine all the new development, production, and caching features. The latest updates include several key features organized into stable and experimental improvements.</description>
      <a10:updated>2025-08-23T14:00:00Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/671502</guid>
      <link>https://javascriptkicks.com/r/671502?url=https://www.syncfusion.com/blogs/post/join-tables-in-javascript-query-builder?utm_source=jskicks&amp;utm_medium=cpc&amp;utm_campaign=js_querybuilder_bpnews</link>
      <a10:author>
        <a10:name>Syncfusion</a10:name>
        <a10:uri>https://javascriptkicks.com/@Syncfusion</a10:uri>
      </a10:author>
      <title>How to Join Two Tables Using JavaScript Query Builder?</title>
      <description>This blog explains how to join two tables using the JavaScript Query Builder component. Here, we’ll integrate the Query Builder component with complex data binding support to connect two distinct tables.</description>
      <a10:updated>2025-08-15T14:00:00Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/671501</guid>
      <link>https://javascriptkicks.com/r/671501?url=https://www.syncfusion.com/blogs/post/view-fifa-stats-with-react-data-grid?utm_source=jskicks&amp;utm_medium=cpc&amp;utm_campaign=react_fifaworldcup_bpnews</link>
      <a10:author>
        <a10:name>Syncfusion</a10:name>
        <a10:uri>https://javascriptkicks.com/@Syncfusion</a10:uri>
      </a10:author>
      <title>Visualizing FIFA World Cup Stats with React Data Grid</title>
      <description>In this blog, we’ll use React Data Grid to display comprehensive FIFA World Cup records and statistics, covering the tournament’s entire history from 1930 to 2022.</description>
      <a10:updated>2025-08-09T14:00:00Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/669970</guid>
      <link>https://javascriptkicks.com/r/669970?url=https://www.syncfusion.com/blogs/post/hotel-room-booking-react-data-grid?utm_source=jskicks&amp;utm_medium=cpc&amp;utm_campaign=react_hotelroom_bpnews</link>
      <a10:author>
        <a10:name>Syncfusion</a10:name>
        <a10:uri>https://javascriptkicks.com/@Syncfusion</a10:uri>
      </a10:author>
      <title>Easily Create a Hotel Room Booking App with React Data Grid</title>
      <description>Looking to create a user-friendly hotel booking app in React? This tutorial shows you how to use the powerful Syncfusion React Data Grid to display hotel details, filter rooms by date and budget, and manage bookings with ease.</description>
      <a10:updated>2025-07-25T14:00:00Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/669969</guid>
      <link>https://javascriptkicks.com/r/669969?url=https://www.syncfusion.com/blogs/post/memory-management-tips-js-pivot-table?utm_source=jskicks&amp;utm_medium=cpc&amp;utm_campaign=js_memorymanagement_bpnews</link>
      <a10:author>
        <a10:name>Syncfusion</a10:name>
        <a10:uri>https://javascriptkicks.com/@Syncfusion</a10:uri>
      </a10:author>
      <title>Optimize Memory Management in JavaScript Pivot Table: Best Practices and Tips</title>
      <description>This blog will cover the best practices and tips for optimizing memory usage in the JavaScript Pivot Table, allowing for smoother performance and better user experience.</description>
      <a10:updated>2025-07-19T14:00:00Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/668518</guid>
      <link>https://javascriptkicks.com/r/668518?url=https://www.syncfusion.com/blogs/post/manage-inventory-billing-react-data-grid?utm_source=jskicks&amp;utm_medium=cpc&amp;utm_campaign=react_billingmanagement_bpnews</link>
      <a10:author>
        <a10:name>Syncfusion</a10:name>
        <a10:uri>https://javascriptkicks.com/@Syncfusion</a10:uri>
      </a10:author>
      <title>Enhance Inventory and Billing Management with React Data Grid</title>
      <description>Struggling to streamline supermarket billing and inventory? This tutorial shows how to use the Syncfusion React Data Grid, a powerful React DatGrid Component, to create an efficient billing app with automatic invoice generation and smart payment options. In retail, fast and accurate billing enhances customer satisfaction. With the React Data Grid, you can build a user-friendly app to manage inventory and billing seamlessly.</description>
      <a10:updated>2025-07-12T14:00:00Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/668517</guid>
      <link>https://javascriptkicks.com/r/668517?url=https://www.syncfusion.com/blogs/post/updating-real-time-data-in-react-grid?utm_source=jskicks&amp;utm_medium=cpc&amp;utm_campaign=react_realtime_bpnews</link>
      <a10:author>
        <a10:name>Syncfusion</a10:name>
        <a10:uri>https://javascriptkicks.com/@Syncfusion</a10:uri>
      </a10:author>
      <title>How to Update Real-Time Data in React Data Grid?</title>
      <description>Syncfusion React Data Grid is a feature-rich component for displaying data in a tabular format. Its wide range of functionalities includes data binding, editing, Excel-like filtering, custom sorting, aggregating rows, selection, and support for Excel, CSV, and PDF formats.</description>
      <a10:updated>2025-07-05T14:00:00Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/668516</guid>
      <link>https://javascriptkicks.com/r/668516?url=https://www.syncfusion.com/blogs/post/angular-charts-with-dynamic-colors?utm_source=jskicks&amp;utm_medium=cpc&amp;utm_campaign=angular_dynamiccolors_bpnews</link>
      <a10:author>
        <a10:name>Syncfusion</a10:name>
        <a10:uri>https://javascriptkicks.com/@Syncfusion</a10:uri>
      </a10:author>
      <title>Enhancing Angular Charts: Boosting Readability with Dynamic Colors</title>
      <description>Syncfusion Angular Charts is a well-crafted charting component for data visualization. It contains a rich UI gallery of 50+ Charts and Graphs, ranging from line to financial, that cater to all charting scenarios.</description>
      <a10:updated>2025-06-27T14:00:00Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/667533</guid>
      <link>https://javascriptkicks.com/r/667533?url=https://www.producthunt.com/products/hope-ai-by-bit-cloud?launch=hope-ai-by-bit-cloudutm_source=JSK-667533&amp;utm_medium=JSK-667533&amp;utm_content=JSK-667533&amp;utm_campaign=JSK-667533</link>
      <a10:author>
        <a10:name>MsFrankieB</a10:name>
        <a10:uri>https://javascriptkicks.com/@MsFrankieB</a10:uri>
      </a10:author>
      <title>Product Hunt launch for Hope AI by Bit Cloud</title>
      <description>https://bit.cloud/
Use AI to create production-grade applications, composed pages and reusable UI components using prompts and attachments. Deploy apps instantly, install reusable components as packages or import source code into repositories with a single command..

Support us on Product Hunt. Build by Developers for Developers (in the last 10 years)
</description>
      <a10:updated>2025-06-25T14:00:00Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/667532</guid>
      <link>https://javascriptkicks.com/r/667532?url=https://www.linkedin.com/events/7340695516181073924/about/?utm_source=JSK-667532&amp;utm_medium=JSK-667532&amp;utm_content=JSK-667532&amp;utm_campaign=JSK-667532</link>
      <a10:author>
        <a10:name>MsFrankieB</a10:name>
        <a10:uri>https://javascriptkicks.com/@MsFrankieB</a10:uri>
      </a10:author>
      <title>{Live Coding} Design to production-ready UI components with AI and MCP</title>
      <description>{Live Code}
Traditional design-to-code approaches often yield unusable output for developers. But what if you had greater control over design and implementation, producing code components that any developer and application could easily integrate as a simple dependency?

Imagine AI assisting you in transforming designs into reusable UI components, empowering every developer in your organization to effortlessly discover and utilize them through MCP integration directly within their IDE.

Large teams have reported building new products approximately three times faster, significantly increasing investment in innovation and improving product consistency by over 50%—all within the initial weeks!

This 30-minute webinar demonstrates how AI and MCP can generate reusable components from images and integrate them into projects without extensive documentation.
We'll cover component creation, discoverability, usage in new features, dependency management, updates, and scaling a collaborative workflow for autonomous team shipping.

Join us to discover how to:
→ Construct a shared system of reusable UI components from images using AI.
→ Simplify component integration with MCP.
→ Minimize the amount of AI-generated code in projects.
→ Empower developers to utilize, customize, and build upon shared components</description>
      <a10:updated>2025-06-23T14:00:00Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/667531</guid>
      <link>https://javascriptkicks.com/r/667531?url=https://www.syncfusion.com/blogs/post/build-dynamic-web-apps-with-angular?utm_source=jskicks&amp;utm_medium=cpc&amp;utm_campaign=angular_dynamicwebapps_bpnews</link>
      <a10:author>
        <a10:name>Syncfusion</a10:name>
        <a10:uri>https://javascriptkicks.com/@Syncfusion</a10:uri>
      </a10:author>
      <title>How to Easily Build Dynamic Web Apps with Angular</title>
      <description>Angular, a project of Google, is one of the leading technologies for developing dynamic and enhanced web applications. Its solid structure and wide range of functionalities make it a great option for creating interactive and efficient web interfaces.</description>
      <a10:updated>2025-06-19T14:00:00Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/667530</guid>
      <link>https://javascriptkicks.com/r/667530?url=https://www.syncfusion.com/blogs/post/deploy-react-app-on-azure-static-web-apps?utm_source=jskicks&amp;utm_medium=cpc&amp;utm_campaign=react_staticwebapps_bpnews</link>
      <a10:author>
        <a10:name>Syncfusion</a10:name>
        <a10:uri>https://javascriptkicks.com/@Syncfusion</a10:uri>
      </a10:author>
      <title>How to Deploy React App on Azure Static Web Apps</title>
      <description>As a web developer, the primary goal is to deliver a product that meets customers’ needs. To achieve this, it’s better to be able to focus on building the app rather than on its overall operational aspects, such as deploying it.</description>
      <a10:updated>2025-06-13T14:00:00Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/666781</guid>
      <link>https://javascriptkicks.com/r/666781?url=https://bit.cloud/?utm_source=JSK-666781&amp;utm_medium=JSK-666781&amp;utm_content=JSK-666781&amp;utm_campaign=JSK-666781</link>
      <a10:author>
        <a10:name>Bit</a10:name>
        <a10:uri>https://javascriptkicks.com/@bitdev_</a10:uri>
      </a10:author>
      <title>Bit Cloud Launches Hope AI, Enabling Developers to Build Complex Applications in a Few Hours</title>
      <description>New AI-powered development agent enables developers and organizations to build complex platforms in hours instead of years — with composable architecture, maintainability, and enterprise-grade standards.
Bit Cloud (bit.cloud)) today announced the general availability of Hope AI, its new AI-powered development agent that enables professional developers and organizations to build, share, deploy, and maintain complex applications using natural language prompts, specifications and design files. After a successful trial period in production environments across several organizations, Hope AI is now accessible to all users, including a free tier for those interested in exploring its capabilities.
Hope AI takes AI-driven development further, beyond basic websites or application prototypes. It designs complete system architectures, assembles reusable software components, and generates scalable, production-ready applications — from CRM systems to e-commerce platforms to healthcare surgery room management systems — dramatically reducing both time to market and maintenance costs.
“While today's AI can generate code, the leap to architecting robust, enterprise-grade software that truly meets the nuanced needs of professional developers is fraught with complexity,” said Ran Mizrahi, Founder and CEO of Bit Cloud. “Hope AI functions as an intelligent software architect, leveraging existing, proven components to compose professional and practical software solutions, enabling consistency and simplifying long-term maintainability. Our platform transforms the development experience to be more like building with Lego than writing long lines of code”.
Enterprise-Grade Development, Built for Scale
Hope AI builds on Bit’s composable software platform, used by more than 500 organizations worldwide including AT&amp;T, Moody’s, Experian, Red Bull and Hallmark Studios. This broad adoption highlights the platform’s maturity and ability to scale, making it a trusted foundation for enterprise-grade AI-generated software.
“Bit Cloud is redefining what enterprise software development looks like in the age of AI,” said Teddie Wardi, Managing Director at Insight Partners, and an investor in Bit Cloud. “Hope AI goes beyond code generation bringing intelligent architecture, reusability, and real-world scalability into the development process. We believe this marks a transformational leap in how software is built, accelerating both time-to-market and long-term maintainability for modern teams.”
Bit’s solution turns components into reusable digital assets, so teams don’t need to rebuild functionality from scratch every time. Instead of generating dozens of new components for each new feature or product, teams can build faster by combining existing, enterprise-tested modules.
Key innovations of Hope AI include:
Natural Language to Professional Code: Developers describe their goals in plain language. Hope AI designs the architecture, assembles components, and generates professional code — complete with full documentation and test coverage.


Composable Solutions: Hope AI can transform product mockups, specifications, or even reference images directly into complete composable solutions, from backend systems to UI components. Ready to be used in existing or new applications.


Team Collaboration: New components and applications meet professional standards for security, scalability, testability, and team review across both technical and non-technical roles.


DevOps Integration: Hope AI integrates natively with GitHub, GitLab, Azure DevOps, and JFrog, providing end-to-end visibility, automation, and quality control.
Hope AI supports modern technology stacks including React, Node.js, TypeScript, MongoDB, and GraphQL. Furthermore, Hope AI aims to seamlessly integrate these components into the developer's workflow. Through the Model Context Protocol (MCP - an open standard for interaction between AI models and development tools), Hope AI enhances the utility of coding assistants like Cursor and GitHub Copilot.
A New Phase for Software Development
Hope AI bridges the gap between simple, low-code tools and professional-grade software development. Unlike traditional AI coding assistants that generate isolated code snippets, Hope AI produces fully architected applications designed for long-term scalability, and easy maintenance, essential for enterprises, startups, and product teams alike.
Founded in 2014, Bit Cloud is pioneering composable software and operating in a distributed model, maintaining popular open-source projects such as Bit (bit.dev) and PNPM, while supporting organizations from startups to Fortune 100 enterprises with modular, scalable development solutions.
For more information, visit bit.cloud.</description>
      <a10:updated>2025-06-02T14:00:00Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/666620</guid>
      <link>https://javascriptkicks.com/r/666620?url=https://www.syncfusion.com/blogs/post/floor-planner-diagrams-in-javascript?utm_source=jskicks&amp;utm_medium=cpc&amp;utm_campaign=js_floorplanner_bpnews</link>
      <a10:author>
        <a10:name>Syncfusion</a10:name>
        <a10:uri>https://javascriptkicks.com/@Syncfusion</a10:uri>
      </a10:author>
      <title>Easily Create Interactive Floor Planner Diagrams Using JavaScript Diagram Library</title>
      <description>Syncfusion Javascript Diagram is a powerful and versatile library that allows designers to create interactive and visually appealing diagrams and enables you to build such floor planners with ease.</description>
      <a10:updated>2025-05-29T14:00:00Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/666140</guid>
      <link>https://javascriptkicks.com/r/666140?url=https://www.syncfusion.com/blogs/post/share-angular-code-between-projects?utm_source=jskicks&amp;utm_medium=cpc&amp;utm_campaign=angular_codeprojects_bpnews</link>
      <a10:author>
        <a10:name>Syncfusion</a10:name>
        <a10:uri>https://javascriptkicks.com/@Syncfusion</a10:uri>
      </a10:author>
      <title>How to Share Angular Code Between Projects?</title>
      <description>Let’s look at the best practices for sharing Angular code between projects, including using module libraries, code organization, versioning, and maintenance of shared code.</description>
      <a10:updated>2025-05-22T14:00:00Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/665171</guid>
      <link>https://javascriptkicks.com/r/665171?url=https://www.syncfusion.com/blogs/post/protect-web-app-from-unauthorized-javascript-execution?utm_source=jskicks&amp;utm_medium=cpc&amp;utm_campaign=js_javascriptexecution_bpnews</link>
      <a10:author>
        <a10:name>Syncfusion</a10:name>
        <a10:uri>https://javascriptkicks.com/@Syncfusion</a10:uri>
      </a10:author>
      <title>Top 5 Techniques to Protect Web Apps from Unauthorized JavaScript Execution</title>
      <description>This article will describe five techniques for safeguarding your app against unauthorized JavaScript executions.</description>
      <a10:updated>2025-05-07T14:00:00Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/664727</guid>
      <link>https://javascriptkicks.com/r/664727?url=https://www.syncfusion.com/blogs/post/react-hooks-vs-redux?utm_source=jskicks&amp;utm_medium=cpc&amp;utm_campaign=react_hooksvsredux_bpnews</link>
      <a10:author>
        <a10:name>Syncfusion</a10:name>
        <a10:uri>https://javascriptkicks.com/@Syncfusion</a10:uri>
      </a10:author>
      <title>React Hooks vs. Redux in 2024</title>
      <description>State management is important for any modern front-end application using a JavaScript framework or library like React. These frameworks are rendered client-side and follow component-driven development, where the UI is divided into multiple components with their state and shared states.</description>
      <a10:updated>2025-04-29T14:00:00Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/663934</guid>
      <link>https://javascriptkicks.com/r/663934?url=https://javascript.plainenglish.io/effortless-delete-functionality-with-server-actions-in-next-js-15-a97c33fe5121?gi=8a1e807e44c5</link>
      <a10:author>
        <a10:name>In Plain English</a10:name>
        <a10:uri>https://javascriptkicks.com/@inPlainEngHQ</a10:uri>
      </a10:author>
      <title>Effortless Delete Functionality with Server Actions in Next.js 15</title>
      <description>Learn to implement smooth product deletion using server actions and path revalidation in Next.js 15 - no client JS needed. This keeps our component fully server-side while enabling interaction. No...</description>
      <a10:updated>2025-04-16T08:53:21Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/663819</guid>
      <link>https://javascriptkicks.com/r/663819?url=https://2ality.com/2025/04/testing-types-typescript.html</link>
      <a10:author>
        <a10:name>Axel Rauschmayer</a10:name>
        <a10:uri>https://javascriptkicks.com/@rauschma</a10:uri>
      </a10:author>
      <title>Ideas for making TypeScript better at testing types</title>
      <description>In this blog post, we examine how we can test types in TypeScript: First, we look at the library asserttt and the CLI tool ts-expect-error. Then, we consider which functionality could be built into TypeScript.</description>
      <a10:updated>2025-04-16T08:52:43Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/663954</guid>
      <link>https://javascriptkicks.com/r/663954?url=https://webkit.org/blog/16794/the-css-shape-function/</link>
      <a10:author>
        <a10:name>WebKit</a10:name>
        <a10:uri>https://javascriptkicks.com/@webkit</a10:uri>
      </a10:author>
      <title>The CSS shape() function</title>
      <description>Shapes are an important aspect of graphic design.</description>
      <a10:updated>2025-04-16T08:52:26Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/663778</guid>
      <link>https://javascriptkicks.com/r/663778?url=https://javascript.plainenglish.io/understanding-redux-and-its-role-in-react-d5caa6dbf3bd?gi=6e0c599741ce</link>
      <a10:author>
        <a10:name>In Plain English</a10:name>
        <a10:uri>https://javascriptkicks.com/@inPlainEngHQ</a10:uri>
      </a10:author>
      <title>Understanding Redux and Its Role in React</title>
      <description>Redux is a predictable state management library often used with JavaScript applications, including React. It helps manage the state of an application by providing a centralized store where all...</description>
      <a10:updated>2025-04-15T07:59:35Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/663781</guid>
      <link>https://javascriptkicks.com/r/663781?url=https://javascript.plainenglish.io/measuring-javascript-performance-the-metrics-that-actually-matter-f447c64df99c?gi=e66e8ff8dd27</link>
      <a10:author>
        <a10:name>In Plain English</a10:name>
        <a10:uri>https://javascriptkicks.com/@inPlainEngHQ</a10:uri>
      </a10:author>
      <title>Measuring JavaScript Performance: The Metrics That Actually Matter</title>
      <description>As a performance engineer at a major e-commerce platform, I spent years chasing the wrong metrics. We optimized our JavaScript bundle size to perfection, reduced server response times to...</description>
      <a10:updated>2025-04-15T07:58:53Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/663902</guid>
      <link>https://javascriptkicks.com/r/663902?url=https://css-tricks.com/next-level-css-styling-for-cursors/</link>
      <a10:author>
        <a10:name>CSS-Tricks</a10:name>
        <a10:uri>https://javascriptkicks.com/@css</a10:uri>
      </a10:author>
      <title>Next Level CSS Styling for Cursors</title>
      <description>Custom cursors with CSS are great, but we can take things to the next level with JavaScript. Using JavaScript, we can transition between cursor states, place dynamic text within the cursor, apply complex animations, and apply filters.</description>
      <a10:updated>2025-04-15T07:57:42Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/663854</guid>
      <link>https://javascriptkicks.com/r/663854?url=https://2ality.com/2025/04/deploying-typescript-present-future.html</link>
      <a10:author>
        <a10:name>Axel Rauschmayer</a10:name>
        <a10:uri>https://javascriptkicks.com/@rauschma</a10:uri>
      </a10:author>
      <title>Deploying TypeScript: recent advances and possible future directions</title>
      <description>In this blog post we look at: The current best practice for deploying library packages: .js, .js.map, .d.ts, .d.ts.map, .ts Recent new developments in compiling and deploying TypeScript: type stripping, isolated declarations, JSR, etc. What the future of deploying TypeScript might look like: type stripping in browsers, etc.</description>
      <a10:updated>2025-04-15T07:57:35Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/663873</guid>
      <link>https://javascriptkicks.com/r/663873?url=https://javascript.plainenglish.io/react-lifecycle-methods-46151e07ea4c?gi=77279b09a9a6</link>
      <a10:author>
        <a10:name>JavaScript Kicks</a10:name>
        <a10:uri>https://javascriptkicks.com/@JavaScriptKicks</a10:uri>
      </a10:author>
      <title>React Lifecycle Methods</title>
      <description>React components go through a lifecycle - from creation, updates, to removal. Understanding these lifecycle phases helps you write better, more predictable React code. In this blog, we'll walk...</description>
      <a10:updated>2025-04-15T07:57:25Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/663903</guid>
      <link>https://javascriptkicks.com/r/663903?url=https://www.robinwieruch.de/react-ai-chat/</link>
      <a10:author>
        <a10:name>Robin Wieruch</a10:name>
        <a10:uri>https://javascriptkicks.com/@rwieruch</a10:uri>
      </a10:author>
      <title>React.js AI Chat with OpenAI API</title>
      <description>Build a simple AI chat app using React.js on Next.js and the OpenAI API ...</description>
      <a10:updated>2025-04-15T07:56:48Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/663381</guid>
      <link>https://javascriptkicks.com/r/663381?url=https://www.syncfusion.com/blogs/post/whats-new-in-react-19?utm_source=jskicks&amp;utm_medium=cpc&amp;utm_campaign=react_newreact19_bpnews</link>
      <a10:author>
        <a10:name>Syncfusion</a10:name>
        <a10:uri>https://javascriptkicks.com/@Syncfusion</a10:uri>
      </a10:author>
      <title>What’s New in React 19?</title>
      <description>This blog delves into React 19, a significant milestone for front-end developers. The beta version of React 19 was released on April 25, 2024, bringing a host of new features, improvements, and changes. </description>
      <a10:updated>2025-04-11T14:00:00Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/662948</guid>
      <link>https://javascriptkicks.com/r/662948?url=https://2ality.com/2025/03/sync-await.html</link>
      <a10:author>
        <a10:name>Axel Rauschmayer</a10:name>
        <a10:uri>https://javascriptkicks.com/@rauschma</a10:uri>
      </a10:author>
      <title>Could JavaScript have synchronous `await`?</title>
      <description>In JavaScript, code has color: It is either synchronous or asynchronous. In this blog post, we explore the problems caused by that and how to fix them - via synchronous await.</description>
      <a10:updated>2025-04-11T07:58:43Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/663650</guid>
      <link>https://javascriptkicks.com/r/663650?url=https://playfulprogramming.com/posts/layered-react-structure</link>
      <a10:author>
        <a10:name>Unicorn Utterances</a10:name>
        <a10:uri>https://javascriptkicks.com/@UnicornUttrncs</a10:uri>
      </a10:author>
      <title>Scale Your Project with Layered React Structure</title>
      <description>Learn how to scale your React project using Layered React Structure (LRS). Take your app from small-time to enterprise grade by organizing your code better.</description>
      <a10:updated>2025-04-11T07:56:41Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/663677</guid>
      <link>https://javascriptkicks.com/r/663677?url=https://javascript.plainenglish.io/i-built-an-api-from-scratch-heres-how-i-did-it-and-you-can-too-8f0588e84d3e?gi=0a23e291741e</link>
      <a10:author>
        <a10:name>In Plain English</a10:name>
        <a10:uri>https://javascriptkicks.com/@inPlainEngHQ</a10:uri>
      </a10:author>
      <title>I Built an API From Scratch - Here's How I Did It (and You Can Too)</title>
      <description>But when I challenged myself to build one from scratch, I realized - it's far more doable than it looks. In this post, I'll walk you through exactly how I did it step by step, using real code...</description>
      <a10:updated>2025-04-11T07:56:28Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/663704</guid>
      <link>https://javascriptkicks.com/r/663704?url=https://allthingssmitty.com/2025/04/10/mastering-default-values-in-javascript-with-the-nullish-coalescing-operator/</link>
      <a10:author>
        <a10:name>Matt Smith</a10:name>
        <a10:uri>https://javascriptkicks.com/@AllThingsSmitty</a10:uri>
      </a10:author>
      <title>Mastering default values in JavaScript with the nullish coalescing (??) operator - Matt Smith</title>
      <description>The nullish coalescing operator (??) provides a simple way to handle null or undefined values in JavaScript. It's a must-have, let me show you why.</description>
      <a10:updated>2025-04-11T07:55:47Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/663717</guid>
      <link>https://javascriptkicks.com/r/663717?url=https://css-tricks.com/tailwinds-apply-feature-is-better-than-it-sounds/</link>
      <a10:author>
        <a10:name>CSS-Tricks</a10:name>
        <a10:uri>https://javascriptkicks.com/@css</a10:uri>
      </a10:author>
      <title>Tailwind's @apply Feature is Better Than it Sounds</title>
      <description>Most of the time, people showcase Tailwind's @apply feature with one of Tailwind's single-property utilities (which changes a single CSS declaration). When showcased this way, @apply doesn't sound promising at all. So obviously, nobody wants to use it. Personally, I think Tailwind's @apply feature is better than described.</description>
      <a10:updated>2025-04-11T07:55:15Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/662998</guid>
      <link>https://javascriptkicks.com/r/662998?url=https://javascript.plainenglish.io/typescript-union-types-the-silent-bug-thats-breaking-your-code-42222d8c6e10?gi=ec7e75fdac47</link>
      <a10:author>
        <a10:name>JavaScript Kicks</a10:name>
        <a10:uri>https://javascriptkicks.com/@JavaScriptKicks</a10:uri>
      </a10:author>
      <title>TypeScript Union Types: The Silent Bug That's Breaking Your Code!</title>
      <description>TypeScript is a real deal when it comes to types because this powerful JavaScript-based language allows you to catch most of the errors before it even reaches run time which definitely provides a...</description>
      <a10:updated>2025-04-11T00:00:00Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/663517</guid>
      <link>https://javascriptkicks.com/r/663517?url=https://javascript.plainenglish.io/how-to-build-a-searchable-dropdown-with-fetch-api-and-json-data-ab409d1b244a?gi=d2ecf5b09fd1</link>
      <a10:author>
        <a10:name>In Plain English</a10:name>
        <a10:uri>https://javascriptkicks.com/@inPlainEngHQ</a10:uri>
      </a10:author>
      <title>How to Build a Searchable Dropdown with Fetch API and JSON Data</title>
      <description>Improving the user experience in a web application requires a search function that is easy to use. This article will demonstrate creating a searchable dropdown menu by retrieving JSON data using the...</description>
      <a10:updated>2025-04-09T08:30:35Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/663535</guid>
      <link>https://javascriptkicks.com/r/663535?url=https://javascript.plainenglish.io/top-5-github-repos-to-ace-your-coding-interviews-230b1d8506f4?gi=ced86af1192b</link>
      <a10:author>
        <a10:name>JavaScript Kicks</a10:name>
        <a10:uri>https://javascriptkicks.com/@JavaScriptKicks</a10:uri>
      </a10:author>
      <title>Top 5 Game Changing GitHub Repos That Will Help In Your Coding Interview</title>
      <description>LeetCode, system design, behavioral rounds there's just so much to cover! But don't worry, I've got your back. I've handpicked five of the best GitHub repositories that will take your interview prep...</description>
      <a10:updated>2025-04-09T08:27:10Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/663540</guid>
      <link>https://javascriptkicks.com/r/663540?url=https://javascript.plainenglish.io/react-testing-essentials-a-practical-guide-to-jest-and-vitest-with-rtl-fd2221dc7b76?gi=1b6cc07c45de</link>
      <a10:author>
        <a10:name>In Plain English</a10:name>
        <a10:uri>https://javascriptkicks.com/@inPlainEngHQ</a10:uri>
      </a10:author>
      <title>React Testing Essentials: A Practical Guide to Jest and Vitest with RTL</title>
      <description>Master the fundamentals of testing React applications with detailed examples, best practices, and a clear comparison of testing tools</description>
      <a10:updated>2025-04-09T08:27:00Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/663522</guid>
      <link>https://javascriptkicks.com/r/663522?url=https://tympanus.net/codrops/2025/04/08/3d-world-in-the-browser-with-blender-and-three-js/</link>
      <a10:author>
        <a10:name>Codrops</a10:name>
        <a10:uri>https://javascriptkicks.com/@codrops</a10:uri>
      </a10:author>
      <title>Building a Fully-Featured 3D World in the Browser with Blender and Three.js</title>
      <description>Go behind the scenes of an immersive 3D museum built with Blender and Three.js, and explore the creative process, technical decisions, and browser-ready workflow that brought it to life.</description>
      <a10:updated>2025-04-09T08:26:43Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/663594</guid>
      <link>https://javascriptkicks.com/r/663594?url=https://webkit.org/blog/16547/better-typography-with-text-wrap-pretty/</link>
      <a10:author>
        <a10:name>WebKit</a10:name>
        <a10:uri>https://javascriptkicks.com/@webkit</a10:uri>
      </a10:author>
      <title>Better typography with text-wrap pretty</title>
      <description>Support for text-wrap: pretty just shipped in Safari Technology Preview, bringing an unprecedented level of polish to typography on the web.</description>
      <a10:updated>2025-04-09T08:25:59Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/663148</guid>
      <link>https://javascriptkicks.com/r/663148?url=https://javascript.plainenglish.io/build-a-file-explorer-with-angular-and-ngx-voyage-2a5af1e2791e?gi=4e0d076ed1b5</link>
      <a10:author>
        <a10:name>In Plain English</a10:name>
        <a10:uri>https://javascriptkicks.com/@inPlainEngHQ</a10:uri>
      </a10:author>
      <title>Build a File Explorer with Angular and ngx-voyage</title>
      <description>How to build a File Explorer web applicatio with Angular, PrimeNG, ngx-voyage</description>
      <a10:updated>2025-04-07T09:17:29Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/663242</guid>
      <link>https://javascriptkicks.com/r/663242?url=https://javascript.plainenglish.io/next-js-and-meta-frameworks-in-2025-the-evolution-of-modern-web-development-2caaf76acb9f?gi=8b4443e5a0ce</link>
      <a10:author>
        <a10:name>In Plain English</a10:name>
        <a10:uri>https://javascriptkicks.com/@inPlainEngHQ</a10:uri>
      </a10:author>
      <title>Next.js and Meta-Frameworks in 2025: The Evolution of Modern Web Development</title>
      <description>As we navigate through 2025, the landscape of web development continues to evolve at a rapid pace, with JavaScript at its core. Among the tools shaping this evolution, Next.js stands out as a...</description>
      <a10:updated>2025-04-07T09:14:40Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/663275</guid>
      <link>https://javascriptkicks.com/r/663275?url=https://javascript.plainenglish.io/why-react-server-components-are-stealing-the-spotlight-in-2025-de3714833e2c?gi=baa391a236f3</link>
      <a10:author>
        <a10:name>JavaScript Kicks</a10:name>
        <a10:uri>https://javascriptkicks.com/@JavaScriptKicks</a10:uri>
      </a10:author>
      <title>Why React Server Components Are Stealing the Spotlight in 2025</title>
      <description>Imagine building a React app that loads lightning-fast, sends less JavaScript to the browser, and fetches data effortlessly - all without tearing apart your existing codebase. Sound too good to be...</description>
      <a10:updated>2025-04-07T09:13:25Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/663337</guid>
      <link>https://javascriptkicks.com/r/663337?url=https://webkit.org/blog/16731/release-notes-for-safari-technology-preview-216/</link>
      <a10:author>
        <a10:name>WebKit</a10:name>
        <a10:uri>https://javascriptkicks.com/@webkit</a10:uri>
      </a10:author>
      <title>Release Notes for Safari Technology Preview 216</title>
      <description>Safari Technology Preview Release 216 is now available for download for macOS Sequoia and macOS Sonoma.</description>
      <a10:updated>2025-04-07T09:13:15Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/663367</guid>
      <link>https://javascriptkicks.com/r/663367?url=https://css-tricks.com/a-new-web-readiness-report/</link>
      <a10:author>
        <a10:name>CSS-Tricks</a10:name>
        <a10:uri>https://javascriptkicks.com/@css</a10:uri>
      </a10:author>
      <title>A New "Web" Readiness Report</title>
      <description>HTML 5 Readiness was a site that showed through a rainbow of colors the browser support for several web features. What about a new version?</description>
      <a10:updated>2025-04-07T09:13:02Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/663445</guid>
      <link>https://javascriptkicks.com/r/663445?url=https://javascript.plainenglish.io/the-rise-of-vibe-coders-and-the-slow-decay-of-software-sanity-abd6a3063519?gi=99bd2d11be63</link>
      <a10:author>
        <a10:name>In Plain English</a10:name>
        <a10:uri>https://javascriptkicks.com/@inPlainEngHQ</a10:uri>
      </a10:author>
      <title>The Rise of Vibe Coders and the Slow Decay of Software Sanity</title>
      <description>A critical Next.js vulnerability exposed private routes via a simple header. Learn what went wrong and why modern web security is at risk.</description>
      <a10:updated>2025-04-07T09:12:13Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/663377</guid>
      <link>https://javascriptkicks.com/r/663377?url=https://www.syncfusion.com/blogs/post/employee-directory-react-webinar?utm_source=jskicks&amp;utm_medium=cpc&amp;utm_campaign=react_employeedirectory_bpnews</link>
      <a10:author>
        <a10:name>Syncfusion</a10:name>
        <a10:uri>https://javascriptkicks.com/@Syncfusion</a10:uri>
      </a10:author>
      <title>How to Create an Employee Directory with the React MultiColumn ComboBox</title>
      <description>We’ll show you how to display multiple pieces of information in a single dropdown list. This tool is ideal for HR departments looking to simplify their employee directory with an intuitive interface. </description>
      <a10:updated>2025-04-05T14:00:00Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/663127</guid>
      <link>https://javascriptkicks.com/r/663127?url=https://www.stefanjudis.com/today-i-learned/forbidden-headers-cant-be-set-in-fetch-requests/</link>
      <a10:author>
        <a10:name>stefan judis</a10:name>
        <a10:uri>https://javascriptkicks.com/@stefanjudis</a10:uri>
      </a10:author>
      <title>Forbidden headers can't be set in "fetch" requests</title>
      <description>Learn about forbidden request headers that can't be set or overwritten.</description>
      <a10:updated>2025-04-03T07:48:09Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/663170</guid>
      <link>https://javascriptkicks.com/r/663170?url=https://javascript.plainenglish.io/javascript-dsa-adventures-binary-search-tree-be8bcf36bc15?gi=8bc3bc037a53</link>
      <a10:author>
        <a10:name>In Plain English</a10:name>
        <a10:uri>https://javascriptkicks.com/@inPlainEngHQ</a10:uri>
      </a10:author>
      <title>JavaScript - DSA adventures - Binary Search Tree</title>
      <description>BSTs support essential operations like insertion, searching, and deletion while maintaining a sorted structure. One of their key advantages is preventing duplicate values, making them highly...</description>
      <a10:updated>2025-04-03T07:46:57Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/663176</guid>
      <link>https://javascriptkicks.com/r/663176?url=https://css-tricks.com/crafting-strong-dx-with-astro-components-and-typescript/</link>
      <a10:author>
        <a10:name>CSS-Tricks</a10:name>
        <a10:uri>https://javascriptkicks.com/@css</a10:uri>
      </a10:author>
      <title>Crafting Strong DX With Astro Components and TypeScript</title>
      <description>One thing we can do to help teams code consistently is provide type-checking so that all of the configurable options for a specific component are available while coding. Bryan demonstrates how he does this with TypeScript when working with Astro components.</description>
      <a10:updated>2025-04-03T07:46:09Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/663230</guid>
      <link>https://javascriptkicks.com/r/663230?url=https://javascript.plainenglish.io/supercharging-the-next-js-dev-server-building-a-custom-wrapper-for-enhanced-development-8e00a6cd0d02?gi=08dd7ee699e2</link>
      <a10:author>
        <a10:name>In Plain English</a10:name>
        <a10:uri>https://javascriptkicks.com/@inPlainEngHQ</a10:uri>
      </a10:author>
      <title>Supercharging the Next.js Dev Server: Building a Custom Wrapper for Enhanced Development</title>
      <description>Ever used Vite and loved how convenient it is to simply type "o" and press Enter to open your dev server in the browser? In this story, we're bringing that same ease to the Next.js dev server by...</description>
      <a10:updated>2025-04-03T07:45:53Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/663310</guid>
      <link>https://javascriptkicks.com/r/663310?url=https://glebbahmutov.com/blog/pick-tests-by-network-calls/</link>
      <a10:author>
        <a10:name>Gleb Bahmutov</a10:name>
        <a10:uri>https://javascriptkicks.com/@bahmutov</a10:uri>
      </a10:author>
      <title>Pick Tests By Network Calls</title>
      <description>How do you pick the tests to run? Do you run the changed specs first? Run tests that visit a particular page? Pick tests using test tags? This blog post will show yet another way of picking end-to-end</description>
      <a10:updated>2025-04-03T07:43:01Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/663319</guid>
      <link>https://javascriptkicks.com/r/663319?url=https://medium.com/front-end-weekly/portfolio-that-got-me-cgpa-4-in-university-built-with-html-css-javascript-bcd79c8cd532</link>
      <a10:author>
        <a10:name>Frontend Weekly</a10:name>
        <a10:uri>https://javascriptkicks.com/@frontendweekly1</a10:uri>
      </a10:author>
      <title>Portfolio That Got Me CGPA 4 in university | Built with HTML, CSS &amp; JavaScript</title>
      <description>Reflecting on the golden days of university life, when my first portfolio was born - crafted with just HTML, CSS, and JavaScript. It wasn't just code; it was a journey of learning, growth, and...</description>
      <a10:updated>2025-04-03T07:42:58Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/663333</guid>
      <link>https://javascriptkicks.com/r/663333?url=https://javascript.plainenglish.io/step-by-step-guide-to-javascript-dom-manipulation-55b334c0c26b?gi=20bfeb10be0c</link>
      <a10:author>
        <a10:name>JavaScript Kicks</a10:name>
        <a10:uri>https://javascriptkicks.com/@JavaScriptKicks</a10:uri>
      </a10:author>
      <title>Step-by-Step Guide to JavaScript DOM Manipulation</title>
      <description>The Document Object Model (DOM) is a representation of a web page that allows JavaScript to interact with and modify HTML elements dynamically. In this guide, we'll go step by step to understand how...</description>
      <a10:updated>2025-04-03T07:41:14Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/662517</guid>
      <link>https://javascriptkicks.com/r/662517?url=https://tympanus.net/codrops/2025/03/24/animating-letters-with-shaders-interactive-text-effect-with-three-js-glsl/</link>
      <a10:author>
        <a10:name>Codrops</a10:name>
        <a10:uri>https://javascriptkicks.com/@codrops</a10:uri>
      </a10:author>
      <title>Animating Letters with Shaders: Interactive Text Effect with Three.js &amp; GLSL</title>
      <description>A beginner-friendly tutorial that explores how to create a dynamic text displacement effect using Three.js and custom shaders.</description>
      <a10:updated>2025-03-27T15:57:50Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/662795</guid>
      <link>https://javascriptkicks.com/r/662795?url=https://glebbahmutov.com/blog/rest-easy/</link>
      <a10:author>
        <a10:name>Gleb Bahmutov</a10:name>
        <a10:uri>https://javascriptkicks.com/@bahmutov</a10:uri>
      </a10:author>
      <title>Rest Easy</title>
      <description>In all these years of doing Cypress demos and examples, I used example web applications like this one that stored data on the backend. The front-end and the server communicate via REST api convention:</description>
      <a10:updated>2025-03-27T15:57:04Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/662762</guid>
      <link>https://javascriptkicks.com/r/662762?url=https://playfulprogramming.com/posts/iifes-a-javascript-idiom-of-yore</link>
      <a10:author>
        <a10:name>JavaScript Kicks</a10:name>
        <a10:uri>https://javascriptkicks.com/@JavaScriptKicks</a10:uri>
      </a10:author>
      <title>IIFEs - a JavaScript Idiom of Yore</title>
      <description>IIFEs were very useful back in the day, but modern JavaScript has made them irrelevant</description>
      <a10:updated>2025-03-27T15:56:50Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/662426</guid>
      <link>https://javascriptkicks.com/r/662426?url=https://www.syncfusion.com/blogs/post/render-flat-json-data-js-file-manager?utm_source=jskicks&amp;utm_medium=cpc&amp;utm_campaign=js_jsondata_bpnews</link>
      <a10:author>
        <a10:name>Syncfusion</a10:name>
        <a10:uri>https://javascriptkicks.com/@Syncfusion</a10:uri>
      </a10:author>
      <title>Easily Render Flat JSON Data in JavaScript File Manager</title>
      <description>The Syncfusion JavaScript File Manager component is a graphical user interface that manages the file system. This component provides easy navigation for browsing and selecting files and folders from the file system. You can perform the most common file and folder operations, such as read, write, delete, create, rename, upload, edit, select, and sort.</description>
      <a10:updated>2025-03-26T14:00:00Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/659553</guid>
      <link>https://javascriptkicks.com/r/659553?url=https://2ality.com/2025/02/typescript-esm-packages.html</link>
      <a10:author>
        <a10:name>Axel Rauschmayer</a10:name>
        <a10:uri>https://javascriptkicks.com/@rauschma</a10:uri>
      </a10:author>
      <title>Tutorial: publishing ESM-based npm packages with TypeScript</title>
      <description>During the last two years, ESM support in TypeScript, Node.js and browsers has made a lot of progress. In this blog post, I explain my modern setup that is relatively simple - compared to what we had to do in the past: It is intended for packages that can afford to ignore backward compatibility.</description>
      <a10:updated>2025-03-26T08:48:39Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/662590</guid>
      <link>https://javascriptkicks.com/r/662590?url=https://tympanus.net/codrops/2025/03/25/stas-bondar-25-the-code-techniques-behind-a-next-level-portfolio/</link>
      <a10:author>
        <a10:name>Codrops</a10:name>
        <a10:uri>https://javascriptkicks.com/@codrops</a10:uri>
      </a10:author>
      <title>Stas Bondar '25: The Code &amp; Techniques Behind a Next-Level Portfolio</title>
      <description>A look behind stabondar.com - a creative portfolio featuring advanced web animations with GSAP, Three.js, and physics-based effects.</description>
      <a10:updated>2025-03-26T08:47:23Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/662553</guid>
      <link>https://javascriptkicks.com/r/662553?url=https://glebbahmutov.com/blog/run-changed-specs-first/</link>
      <a10:author>
        <a10:name>Gleb Bahmutov</a10:name>
        <a10:uri>https://javascriptkicks.com/@bahmutov</a10:uri>
      </a10:author>
      <title>Run Changed Cypress Specs On CI First</title>
      <description>Imagine you work on an end-to-end web test. The test works locally, you commit the code, open a pull request and ... wait for 10-30 minutes for the tests to finish. Of course, your testing CI pipeline</description>
      <a10:updated>2025-03-26T08:44:18Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/662579</guid>
      <link>https://javascriptkicks.com/r/662579?url=https://javascript.plainenglish.io/becoming-a-top-1-node-js-engineer-command-for-understanding-internals-7cea627453ca?gi=cb4867920815</link>
      <a10:author>
        <a10:name>JavaScript Kicks</a10:name>
        <a10:uri>https://javascriptkicks.com/@JavaScriptKicks</a10:uri>
      </a10:author>
      <title>Becoming a Top 1% Node.js Engineer: Command for Understanding Internals</title>
      <description>In this series, we'll dive into some of the core topics that matter most to performance-oriented Node.js engineers: memory layout, array optimizations, and function efficiency. To really understand...</description>
      <a10:updated>2025-03-26T08:43:34Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/662675</guid>
      <link>https://javascriptkicks.com/r/662675?url=https://hacks.mozilla.org/2025/03/improving-firefox-stability-in-the-enterprise-by-reducing-dll-injection/</link>
      <a10:author>
        <a10:name>Mozilla Hacks</a10:name>
        <a10:uri>https://javascriptkicks.com/@mozhacks</a10:uri>
      </a10:author>
      <title>Improving Firefox Stability in the Enterprise by Reducing DLL Injection - Mozilla Hacks - the Web developer blog</title>
      <description>Beginning in version 138, Firefox will offer an alternative to DLL injection for Data Loss Prevention (DLP) deployments in enterprise environments. DLL Injection DLL injection into Firefox is a topic ...</description>
      <a10:updated>2025-03-26T08:41:10Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/662673</guid>
      <link>https://javascriptkicks.com/r/662673?url=https://www.robinwieruch.de/next-authorization/</link>
      <a10:author>
        <a10:name>Robin Wieruch</a10:name>
        <a10:uri>https://javascriptkicks.com/@rwieruch</a10:uri>
      </a10:author>
      <title>Authorization in Next.js</title>
      <description>Learn about authorization in Next.js when using React Server Components, Server Actions, and Next's App Router ...</description>
      <a10:updated>2025-03-26T08:41:09Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/661948</guid>
      <link>https://javascriptkicks.com/r/661948?url=https://bit.cloud/?utm_source=JSK-661948&amp;utm_medium=JSK-661948&amp;utm_content=JSK-661948&amp;utm_campaign=JSK-661948</link>
      <a10:author>
        <a10:name>Bit</a10:name>
        <a10:uri>https://javascriptkicks.com/@bitdev_</a10:uri>
      </a10:author>
      <title>Hope AI By Bit. - Developer teams build with AI and composable software.</title>
      <description>✅ Build full-stack feature and apps—backend, APIs, and more
✅ Get enterprise-grade code with AI-generated tests, docs, and linting
✅ Work seamlessly with your own codebase, DB, and tools
✅ Create reusable, AI-generated components for scalable development</description>
      <a10:updated>2025-03-24T14:00:00Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/662353</guid>
      <link>https://javascriptkicks.com/r/662353?url=https://medium.com/front-end-weekly/essential-skills-for-react-developers-cb161848525a</link>
      <a10:author>
        <a10:name>JavaScript Kicks</a10:name>
        <a10:uri>https://javascriptkicks.com/@JavaScriptKicks</a10:uri>
      </a10:author>
      <title>Essential Skills for React Developers in 2025</title>
      <description>Master the key React developer skills-from core JavaScript to advanced state management. Level up your expertise!</description>
      <a10:updated>2025-03-24T09:21:46Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/662424</guid>
      <link>https://javascriptkicks.com/r/662424?url=https://medium.com/front-end-weekly/streamline-your-php-development-expert-tips-tricks-for-efficiency-6dffc450c66a</link>
      <a10:author>
        <a10:name>JavaScript Kicks</a10:name>
        <a10:uri>https://javascriptkicks.com/@JavaScriptKicks</a10:uri>
      </a10:author>
      <title>Streamline Your PHP Development: Expert Tips &amp; Tricks for Efficiency 🚀</title>
      <description>PHP is one of the most popular server-side scripting languages, powering millions of websites and applications worldwide. As businesses increasingly rely on robust web applications, the demand for...</description>
      <a10:updated>2025-03-24T09:20:11Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/662466</guid>
      <link>https://javascriptkicks.com/r/662466?url=https://javascript.plainenglish.io/why-your-website-loads-slow-and-its-not-what-you-think-d618be063181?gi=2d82360791ec</link>
      <a10:author>
        <a10:name>JavaScript Kicks</a10:name>
        <a10:uri>https://javascriptkicks.com/@JavaScriptKicks</a10:uri>
      </a10:author>
      <title>Why Your Website Loads Slow - and It's Not What You Think</title>
      <description>We've all experienced the frustration of waiting for a slow website to load. In fact, studies show that even a one-second delay can reduce customer satisfaction by up to 16%. But what actually makes...</description>
      <a10:updated>2025-03-24T09:18:35Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/662358</guid>
      <link>https://javascriptkicks.com/r/662358?url=https://medium.com/front-end-weekly/create-react-app-the-end-of-an-era-c90d9a07d27e</link>
      <a10:author>
        <a10:name>Frontend Weekly</a10:name>
        <a10:uri>https://javascriptkicks.com/@frontendweekly1</a10:uri>
      </a10:author>
      <title>Create React App : The End of an Era ??</title>
      <description>For nearly a decade, Create React App (CRA) has been the go-to tool for spinning up new React applications with minimal configuration. But as of February 2025, the React team has officially...</description>
      <a10:updated>2025-03-24T09:17:35Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/662364</guid>
      <link>https://javascriptkicks.com/r/662364?url=https://medium.com/front-end-weekly/essential-things-to-take-care-of-as-a-frontend-developer-7a4afa508117</link>
      <a10:author>
        <a10:name>Frontend Weekly</a10:name>
        <a10:uri>https://javascriptkicks.com/@frontendweekly1</a10:uri>
      </a10:author>
      <title>🚀 Essential Things to Take Care of as a Frontend Developer</title>
      <description>Being a frontend developer is more than just writing HTML, CSS, and JavaScript. It requires a keen eye for detail, a strong understanding of user experience, and an ability to keep up with the...</description>
      <a10:updated>2025-03-24T09:17:08Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/662425</guid>
      <link>https://javascriptkicks.com/r/662425?url=https://www.syncfusion.com/blogs/post/new-react-multicolumn-combobox?utm_source=jskicks&amp;utm_medium=cpc&amp;utm_campaign=react_combobox_bpnews</link>
      <a10:author>
        <a10:name>Syncfusion</a10:name>
        <a10:uri>https://javascriptkicks.com/@Syncfusion</a10:uri>
      </a10:author>
      <title>Introducing the New React MultiColumn ComboBox</title>
      <description>The React MultiColumn ComboBox is a dropdown component that displays items in a detailed table-like format with multiple columns, offering more information than standard dropdown lists. </description>
      <a10:updated>2025-03-23T14:00:00Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/659734</guid>
      <link>https://javascriptkicks.com/r/659734?url=https://2ality.com/2025/02/typescript-readonly.html</link>
      <a10:author>
        <a10:name>Axel Rauschmayer</a10:name>
        <a10:uri>https://javascriptkicks.com/@rauschma</a10:uri>
      </a10:author>
      <title>Read-only accessibility in TypeScript</title>
      <description>In this blog post, we look at how can make things "read-only" in TypeScript - mainly via the keyword readonly.</description>
      <a10:updated>2025-03-21T08:54:30Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/661107</guid>
      <link>https://javascriptkicks.com/r/661107?url=https://medium.com/front-end-weekly/next-js-website-development-cost-in-2025-what-to-expect-57a0d570e879</link>
      <a10:author>
        <a10:name>Frontend Weekly</a10:name>
        <a10:uri>https://javascriptkicks.com/@frontendweekly1</a10:uri>
      </a10:author>
      <title>Next.js Website Development Cost in 2025: What to Expect? 💰</title>
      <description>As we enter 2025, Next.js continues to be a leading choice for businesses seeking to build fast, efficient, and scalable web applications...</description>
      <a10:updated>2025-03-21T08:54:04Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/659259</guid>
      <link>https://javascriptkicks.com/r/659259?url=https://medium.com/front-end-weekly/why-next-js-leads-the-future-of-web-development-in-2025-eb1a52a3931e</link>
      <a10:author>
        <a10:name>Frontend Weekly</a10:name>
        <a10:uri>https://javascriptkicks.com/@frontendweekly1</a10:uri>
      </a10:author>
      <title>Why Next.js Leads the Future of Web Development in 2025 🌐</title>
      <description>As we step into 2025, the web development landscape is witnessing a significant shift, with frameworks like Next.js leading the charge. Next.js, an open-source JavaScript framework built on React and...</description>
      <a10:updated>2025-03-21T08:54:03Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/661881</guid>
      <link>https://javascriptkicks.com/r/661881?url=https://tympanus.net/codrops/2025/03/13/warping-3d-text-inside-a-glass-torus/</link>
      <a10:author>
        <a10:name>Codrops</a10:name>
        <a10:uri>https://javascriptkicks.com/@codrops</a10:uri>
      </a10:author>
      <title>Playing with Light and Refraction in Three.js: Warping 3D Text Inside a Glass Torus</title>
      <description>Explore how MeshTransmissionMaterial in Three.js bends light, creates refraction effects, and enhances realistic glass-like materials.</description>
      <a10:updated>2025-03-21T08:52:49Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/660383</guid>
      <link>https://javascriptkicks.com/r/660383?url=https://2ality.com/2025/02/symbols-in-typescript.html</link>
      <a10:author>
        <a10:name>Axel Rauschmayer</a10:name>
        <a10:uri>https://javascriptkicks.com/@rauschma</a10:uri>
      </a10:author>
      <title>Symbols in TypeScript</title>
      <description>In this blog post, we examine how TypeScript handles JavaScript symbols at the type level. If you want to refresh your knowledge of JavaScript symbols, you can check out chapter "Symbols" of "Exploring JavaScript".</description>
      <a10:updated>2025-03-20T14:49:23Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/661111</guid>
      <link>https://javascriptkicks.com/r/661111?url=https://medium.com/front-end-weekly/the-ultimate-guide-how-to-evaluate-next-js-development-agencies-for-your-project-a9798e7478c0</link>
      <a10:author>
        <a10:name>Frontend Weekly</a10:name>
        <a10:uri>https://javascriptkicks.com/@frontendweekly1</a10:uri>
      </a10:author>
      <title>The Ultimate Guide: How to Evaluate Next.js Development Agencies for Your Project 🔍</title>
      <description>Looking for a Next.JS Development Company? Our ultimate guide helps you evaluate agencies, ensuring the perfect fit for your project and success.</description>
      <a10:updated>2025-03-20T14:48:48Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/662169</guid>
      <link>https://javascriptkicks.com/r/662169?url=https://tympanus.net/codrops/2025/03/19/stringtune-the-javascript-library-born-from-a-design-agencys-workflow/</link>
      <a10:author>
        <a10:name>Codrops</a10:name>
        <a10:uri>https://javascriptkicks.com/@codrops</a10:uri>
      </a10:author>
      <title>StringTune: The JavaScript Library Born from a Design Agency's Workflow</title>
      <description>Learn how to use this flexible JavaScript library for animations, smooth scrolling, and interactive effects.</description>
      <a10:updated>2025-03-20T14:48:06Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/660623</guid>
      <link>https://javascriptkicks.com/r/660623?url=https://2ality.com/2025/02/nodejs-type-stripping-demo.html</link>
      <a10:author>
        <a10:name>Axel Rauschmayer</a10:name>
        <a10:uri>https://javascriptkicks.com/@rauschma</a10:uri>
      </a10:author>
      <title>Demo: running TypeScript directly in Node.js</title>
      <description>I have published the repository nodejs-type-stripping which demonstrates how to implement a package with a bin script that is written directly in TypeScript (no transpilation).</description>
      <a10:updated>2025-03-19T07:20:35Z</a10:updated>
    </item>
    <item>
      <guid isPermaLink="false">stories/661028</guid>
      <link>https://javascriptkicks.com/r/661028?url=https://medium.com/front-end-weekly/how-to-build-3-astro-js-projects-in-under-an-hour-3d996035ac18</link>
      <a10:author>
        <a10:name>Frontend Weekly</a10:name>
        <a10:uri>https://javascriptkicks.com/@frontendweekly1</a10:uri>
      </a10:author>
      <title>How to Build 3 Astro.js Projects in Under an Hour</title>
      <description>Astro JS is such a lightweight framework that makes it easy for developers to create projects quickly. In this article we will breakdown the approach to creating projects quickly and efficiently...</description>
      <a10:updated>2025-03-19T07:20:27Z</a10:updated>
    </item>
  </channel>
</rss>