Articles

React Article

<p>AI continues to drive platform innovation, and builders are being treated to new features daily. While generative technologies like <a href="https://www.cmscritic.com/from-chatbots-to-contentops-how-ai-is-coming-to-your-cms-whether-you-like-it-or-not/">ChatGPT</a> are powering apps with a range of capabilities, having the right infrastructure for product development and deployment is a key requirement. </p>
<p>To that end, <a href="https://www.cmscritic.com/vercel-launches-new-visual-editing-feature-with-sanity-cms/">Vercel</a> – the frontend cloud for deploying applications quickly and easily – <a href="https://vercel.com/blog/introducing-the-vercel-ai-sdk" target="_blank">just launched</a> a new software development kit for AI apps built with React and Svelte. This includes the Vercal AI SDK for easily streaming API responses from AI models and the Chat &amp; Prompt Playground for exploring models via OpenAI, Hugging Face, and more.</p>
<p>According to the company's website, several AI platforms – including Scale, Jasper, and Jenni – have launched using Vercel and Next.js, its React-based web development framework. Next.js provides the essential tooling and configuration required for React, as well as additional structure and optimizations. </p>
<h2>Ready for AI with a purpose-built SDK</h2>
<p class="renderers_paragraph__4vwlW">The <a href="https://sdk.vercel.ai/" target="_blank">Vercel AI SDK</a> is an <a href="https://github.com/vercel-labs/ai" target="_blank">open-source</a> library with developers in mind. With the SDK, users can build conversational, streaming, and chat user interfaces using JavaScript and TypeScript. According to the company's post, the SDK supports React/Next.js and Svelte/SvelteKit, with support for Nuxt/Vue coming soon. </p>
<p class="renderers_paragraph__4vwlW">Vercel’s AI SDK embraces interoperability and includes first-class support for <a href="https://openai.com/" target="_blank">OpenAI</a>, <a href="https://js.langchain.com/docs/" target="_blank">LangChain</a>, and <a href="https://huggingface.co/" target="_blank">Hugging Face</a> Inference. Regardless of a user's preferred AI model provider, they can leverage the Vercel AI SDK to create cutting-edge streaming UI experiences.</p>
<p>The AI SDK also includes "streaming first" UI helpers that enable real-time dynamic data representation in applications. Vercel also included callbacks for storing completed streaming responses to a database within the same request, allowing more efficient data management when handling text responses. </p>
<p>From a cloud scalability perspective, the AI SDK is already integrated with Vercel products like Serverless and Edge Functions. This allows users to build AI applications that deploy instantly, stream generated responses, and are cost-effective. </p>
<h2>A playground for chat</h2>
<p>In late April, Vercel launched an interactive online prompt playground called <a href="http://play.vercel.ai/" target="_blank">play.vercel.ai</a>, allowing developers to compare various language model results in real time. Users can then tweak parameters and quickly generate Next.js, Svelte, and Node.js code.</p>
<p>Last week, Vercel added a new chat interface to this playground, allowing developers to compare chat models simultaneously. The company also added code generation support for the new AI SDK, allowing users to go from playground to chat app in just a few clicks. </p>
<h2>About Vercel</h2>
<p>Vercel is the cloud platform for frontend developers, providing the speed and reliability innovators need to create at the moment of inspiration. By providing the toolkit frontend teams love, Vercel unlocks developer potential and enables you to go from idea to global application in seconds. Vercel enables customers like Under Armour, Nintendo, The Washington Post, and Zapier to build delightful user experiences on the Web.</p>


Vercel Introduces SDK for Building AI Apps with React and Svelte

cms-critic-staff

<p>This week, <a href="https://www.cmscritic.com/uniform-raises-28m-in-series-a-funding-round-for-composable-dxp/">Uniform</a> – a digital experience composition platform (DXCP) – announced its latest product release, which promises to help simplify <a href="https://www.cmscritic.com/top-free-headless-cms-platforms/">headless</a> architecture for the modern user. This includes a new <a href="https://components.uniform.app/" target="_blank">Component Starter Kit</a> that complements its Mesh layer and additional enhancements to its Edgehancers. </p>
<p>Uniform has been evangelizing the benefits of slaying the <a href="https://www.cmscritic.com/is-the-birth-of-dxc-the-death-of-dxp-a-conversation-with-darren-guarnaccia-president-at-uniform/">“glue code monster”</a> through a clever marketing campaign. With its newest release, they’re endeavoring to create easier processes for connecting data from any source to any front-end component – without the painful rigors of producing and managing integration code. </p>
<h2><strong>Does headless mean harder? </strong></h2>
<p>When companies are operating a headless system – or even considering a new one – they might hit a few roadblocks. One of the most common examples is managing multiple content silos that must be coded into one central CMS. If the systems are difficult to integrate, content teams must rely on developers throughout the process and for future changes.</p>
<p>Uniform believes this is the opposite of “composable,” where developers and marketers find themselves limited by systems and processes that aren’t agile or easy to maintain. This has made the headless journey harder.</p>
<h2><strong>Composable is key</strong></h2>
<p>Uniform tackles these issues head-on, promising to reduce or eliminate glue code from the equation. With its newest feature release, the DXCP is aiming to deliver a “new headless paradigm,” outlined by Uniform co-founder <a href="https://www.linkedin.com/in/lars-birkholm-petersen/" target="_blank">Lars Birkholm Petersen</a> in a <a href="https://www.linkedin.com/pulse/evolution-headless-from-glue-code-composable-lars-birkholm-petersen%3FtrackingId=AelqHfr4TSKkqU0RPHDyXw%253D%253D/?trackingId=AelqHfr4TSKkqU0RPHDyXw%3D%3D" target="_blank">blog post</a> announcing the launch this week.</p>
<p>As he noted, the new headless paradigm includes these core tenants:</p>
<ul>
<li>Make solutions composable instead of composed</li>
<li>Optimize workflows and aim for the shortest time to market</li>
<li>Connect data and content across technologies</li>
<li>Enable marketers and merchants to do their jobs independently, freeing developers from having to maintain glue code</li>
<li>Give brands an unfair competitive advantage to launch new initiatives faster</li>
<li>Boost agencies’ competitiveness through the elimination of custom code</li>
</ul>
<h2><strong>Open source Component Starter Kit</strong></h2>
<p>Uniform’s Component Starter Kit gives users the flexibility to create dynamic web experiences quickly and easily. The open source Kit is built on a TNT stack – <a href="https://www.typescriptlang.org/" target="_blank">TypeScript</a>, <a href="https://nextjs.org/" target="_blank">Next.js</a>, and <a href="https://tailwindcss.com/" target="_blank">TailwindCSS</a> – making it extremely adaptable to build with.</p>
<p>With the Component Starter Kit, users can easily clone, run locally, and customize based on their specific needs. By leveraging lightweight React components, it also helps keep Core Web Vitals in the green. And because the whole library is open source and based on TailwindCSS and <a href="https://daisyui.com/" target="_blank">DaisyUI</a>, it makes it easy for users to adapt their brand style.</p>
<p>With these component tools, marketers and content creators can use RESTful API integrations to connect content from a headless CMS or commerce system with no glue code or developer tickets.</p>
<p><a href="https://components.uniform.app/" target="_blank">Browse components and learn more</a> about the Component Starter Kits from Uniform.</p>
<h2><strong>Mesh and Edgehancers</strong></h2>
<p>Uniform’s Mesh – its API integration layer – connects data or content sources with the user’s preferred design system in just a few clicks and zero coding. Marketers can enjoy total flexibility in how they build and connect their content without wasting precious developer time and resources.</p>
<p>When connecting to sources or on-premise APIs as a step for creating digital experiences, performance can be a bottleneck. With Uniform’s latest release of Edgehancers, users can cache data from any API on its global distributed edge, which makes sites run lightning fast – rendering in under 50 milliseconds – while supporting surgical cache invalidation from the underlying technologies.</p>
<h2><strong>Composable, not coded</strong></h2>
<p>With this latest launch, Uniform has gone above and beyond to save users from the hassle of integrating software. These new capabilities empower content creators and developers to focus on what’s important – so going headless doesn’t have to be harder.</p>
<p>“With the launch of these new capabilities, Uniform is taking how brands and agencies build digital experiences to the next level,” said Petersen. “With orchestration at each layer of the digital experience composition platform (DXCP), it’s easy to get the job done in minutes instead of days.”</p>
<p>The frightening glue code monster may be on his way out, but what’s coming next might be scary, scary good.</p>
<h2><b>About Uniform</b></h2>
<p>Uniform's digital experience composition (DXC) solution turns headless and legacy stacks into a seamless end-to-end digital delivery pipeline. Uniform transforms the approach to digital delivery by empowering developers, content creators, and marketers to easily create and deliver amazing experiences while allowing the tech stack to evolve with your brand. Several top brands use Uniform to power their digital experiences, including Cobham Satcom, Cirque du Soleil, Life Extension, Sunweb and Trimble. Learn more at uniform.dev and follow on <a href="https://www.linkedin.com/company/uniformdev/" target="_blank">LinkedIn</a> and <a href="https://twitter.com/UniformDev" target="_blank">Twitter</a>.</p>


Uniform Launches Component Starter Kit with Latest Product Release

mk-patterson

<p>The "Muskavation" of <a href="https://twitter.com/cmscritic" target="_blank" rel="noopener">Twitter</a> continues, and the social media giant's newly anointed King is forcing many tech companies to reassess their remote work strategies.</p>
<p>Could this mean the end of <a href="https://zoom.us/" target="_blank" rel="noopener">Zoom</a> calls in pajamas and board meetings interrupted by cats?</p>
<p>And who, exactly, is resuming their commute back to the office?</p>
<p>While the remote work phenomenon might be in the rearview for many employees, it seems that developers will continue to drive the trend – and even shape its future. This is according to a recent survey published by <a href="https://www.netlify.com/" target="_blank" rel="noopener">Netlify</a>, a buzzworthy platform that's powering modern web development.</p>
<p>The company announced the findings last week from its third annual <u><a href="https://c212.net/c/link/?t=0&amp;l=en&amp;o=3700082-1&amp;h=3410126094&amp;u=https%3A%2F%2Fjamstack.org%2Fsurvey%2F2022%2F&amp;a=%C2%A0Jamstack+Community+Survey" target="_blank" rel="nofollow noopener">Jamstack Community Survey</a></u>, the definitive pulse on global trends across the Jamstack web developer ecosystem. An acronym for Javascript, APIs, and Microservices (the "JAM"), <a href="https://www.cmscritic.com/top-jamstack-static-site-generators-for-2021/">Jamstack</a> is an architectural model that decouples the web experience layer from the data and business logic – improving the flexibility, scalability, performance, and maintainability of modern apps. </p>
<p>"The Jamstack Community Survey is created by the community, for the community," said <a href="https://www.linkedin.com/in/mathias-biilmann-christensen-a5a3805/" target="_blank" rel="noopener">Matt Biilmann</a>, co-founder and CEO of Netlify. "The findings will not only help developers learn from their peers but also help business leaders better understand how developers can be change makers within their organizations. They can learn about what tools and processes they need to be most impactful."</p>
<p>Along with prognosticating the future of remote work, the survey also revealed interesting data from developers about Web3, the growth of serverless and edge computing, and where content management systems fit in the mix.</p>
<h2><b>For developers, remote work isn't going away</b> </h2>
<p>As Covid-19 lockdowns become a footnote in recent history, the impact of remote work is undeniable. In the last two years, it has cemented itself as "the new normal." 83% of developers claim to be working more than half the time remotely, while 76% say they've maintained or increased their frequency of working remotely in the last year.</p>
<p>What's clear in the survey results is that remote has become the preferred way of working for developers. In fact, 87% say they enjoy remote work – and an astounding 55% said they would quit their jobs if forced to return to an office. Someone should send Musk the memo. </p>
<p>According to the survey, 33% of respondents have already changed jobs in the last year, increasing the likelihood that developers will not hesitate to "job-hop" if they need to. It's worth noting that remote work flexibility and career growth opportunities were the most frequently cited reasons for leaving a job, followed by compensation.</p>
<p>Clearly, developers value freedom a little more than finances. At least right now. </p>
<h2><b>Web3 hope... or hype?</b></h2>
<p><a href="https://en.wikipedia.org/wiki/Web3" target="_blank" rel="noopener">Web3</a> has captured the tech zeitgeist throughout 2022, with <a href="https://www.bloomberg.com/news/articles/2022-11-18/bitcoin-responds-to-ftx-contagion-by-heading-for-a-weekly-gain" target="_blank" rel="noopener">Bitcoin</a> starting the year at around $50,000 to the beleaguered <a href="https://www.cnbc.com/2022/11/15/ftx-says-could-have-over-1-million-creditors-in-new-bankruptcy-filing.html" target="_blank" rel="noopener">FTX exchange just declaring bankruptcy</a>. </p>
<p>While the concept of a new web composed of decentralized blockchains (DeFi) is intriguing, Web3 has also been the target of mistrust and skepticism. According to the survey, 7% to 10% of developers have tried technologies like cryptocurrencies and non-fungible tokens (NFTs), but only 3% report using them regularly.</p>
<p>To help gauge the hope and the hype for the future, Netlify also asked developers to share their general attitudes toward Web3. The findings were mixed: 42% of developers either don't know what Web3 is (or don't care), while 31% had negative feelings about it.</p>
<p>Bottom line: the survey shows that Web3 is still a long way from mass adoption, and developers continue to be slow and cautious about embracing it. </p>
<h2><b>Building better web experiences with serverless and edge<br /></b></h2>
<p>Jamstack is continuing to evolve the modern web by helping developers build more dynamic websites. Developers are relying on cutting-edge cloud technologies to achieve this, including <a href="https://goserverless.solodev.com/" target="_blank" rel="noopener">serverless computing</a>.</p>
<p>To that end, Netlify's 2022 Jamstack report found that serverless is now officially mainstream: 70% of developers report using it, up from 46% last year – a jaw-dropping adoption rate. Meanwhile, some 47% of developers are experimenting with edge dynamic sites, a sign of the continued innovation happening at the network edge.</p>
<p>Serverless technology is enabling Jamstack websites to grow their capabilities while maintaining the simplicity of development and deployment that is the hallmark of the platform.</p>
<h2><b>Web frameworks and programming languages<br /></b></h2>
<p>To build dynamic web apps, developers require flexibility. They want to choose whichever web framework best suits their needs, and they now have plenty to choose from.</p>
<p>Among the landscape of options, <a href="https://www.cmscritic.com/uxpin-merge-review-sync-react-components-with-prototypes/">React</a> continues to be the overwhelming favorite, with 71% of developers reporting they build with it – 3% more than last year.</p>
<p>Riding React's popularity is <a href="https://www.cmscritic.com/top-jamstack-static-site-generators-for-2021/">Next.js</a>, which uses React and is the overall most popular web framework. In fact, 1 in 2 developers (47%) say they have built sites using Next.js in the last year. However, competition remains strong: newer entrants like Astro (11%) and SolidJS (6%) have had promising starts, and Remix (10%) and Sveltekit (15%) have grown steadily year over year. Vite saw an 18% increase since 2021, with a third (32%) of developers using it.</p>
<p>"We're thrilled that a third of the Jamstack community is embracing Vite as they build for the modern web," said Matias Capeletto (aka Patak), from the Vite Core Team. "Vite's usage more than doubled in a year, thanks to being adopted by many modern app frameworks and web tools. The pace of innovation continues to accelerate. Vite's Rollup-based Plugin API allows the ecosystem to share solutions and collaborate in ways we haven't seen before."</p>
<p>Regarding programming language preferences, the great <a href="https://www.typescriptlang.org/" target="_blank" rel="noopener">TypeScript</a> migration continues, with usage growing 110% in the last two years. 21% of developers now call TypeScript their primary programming language, while the number of developers who say the same about JavaScript has dropped from 63% to 53% in the same timeframe. However, JavaScript isn't going anywhere soon: 96% of developers say they use it, even if it isn't their primary choice.</p>
<h2><b>The CMS of choice is still WordPress, but...<br /></b></h2>
<p>In the world of Content Management Systems (CMS), things continue to evolve. <a href="https://www.cmscritic.com/wordpress-keeps-classical-editor-alive-acquires-frontity-to-expand-headless-capabilities/">WordPress</a> is still by far the biggest winner, with 37% of devs saying they use it – even though their reported satisfaction with it is lower than many alternatives.</p>
<p>Interestingly, WordPress as a stand-alone CMS is losing share. At the same time, 22% of respondents said that they're using WordPress as a headless API to power a Jamstack website – and that number is growing.</p>
<p><a href="https://www.cmscritic.com/storybloks-cms-report-shows-enterprises-are-still-scared-of-omnichannel-content-experiences/">Storyblok</a>, a newcomer to the survey, reached 9% usage amongst respondents, a strong showing for the up-and-coming <a href="https://www.cmscritic.com/top-free-headless-cms-platforms/">headless CMS</a>. </p>
<p>"More and more developers realize the potential of headless architecture in building and deploying better web experiences," said <span class="xn-person">Dominik Angerer</span>, CEO and founder of Storyblok. "At the same time, we believe that the content team utilizing the power of Jamstack with a headless CMS like Storyblok gets the content tools they need and love for creating great experiences on the frontend."</p>
<p>To explore the findings in more detail, you can view the <u><a href="https://c212.net/c/link/?t=0&amp;l=en&amp;o=3700082-1&amp;h=4098052836&amp;u=https%3A%2F%2Fjamstack.org%2Fsurvey%2F2022%2F&amp;a=full+methodology+of+the+survey" target="_blank" rel="nofollow noopener">full methodology of the survey</a></u>.</p>
<h2 class="wcag-arialevel-3"><b>About Netlify</b></h2>
<p>Netlify is the platform your developers love for building highly-performant and dynamic websites, e-commerce stores and web apps. By uniting an extensive ecosystem of technologies, services and APIs into one workflow, Netlify unlocks new levels of team productivity, while saving time and money. As pioneers of the Jamstack movement, Netlify brings together all modern web frameworks, serverless functions and edge computing into one platform to deliver unmatched user experiences. Millions of developers and businesses build with Netlify, from Fortune 500 companies like Unilever and Verizon to companies changing our digital experiences like Peloton and Twilio. Get started for free at <u><a href="https://c212.net/c/link/?t=0&amp;l=en&amp;o=3700082-1&amp;h=2291442546&amp;u=https%3A%2F%2Fwww.netlify.com%2F&amp;a=netlify.com" target="_blank" rel="nofollow noopener">netlify.com</a></u>.</p>


Netlify Publishes Jamstack Community Survey, Shows Developers are Driving the Future of Remote Work

Image of the Netlify logo with the icon and text against a dark blue background.

Explore a wide range of informative articles on React, insights, and industry updates. Stay informed and ahead of the curve with our diverse collection of news and posts covering the latest trends and developments in the industry

News

Vercel Introduces SDK for Building AI Apps with React and Svelte

Uniform Launches Component Starter Kit with Latest Product Release

Netlify Publishes Jamstack Community Survey, Shows Developers are Driving the Future of Remote Work