Made in Builder.io

Visual Copilot Livestream | Dec 6 @10am PST

Introducing Visual Copilot: Figma to code with AI

Builder.io and Figma
Talk to Us
Product
Developers
Talk to Us

Blog

Home

Resources

Blog

Forum

Github

Login

Signup

×

Visual CMS

Drag-and-drop visual editor and headless CMS for any tech stack

Theme Studio for Shopify

Build and optimize your Shopify-hosted storefront, no coding required

Resources

Blog

Get StartedLogin

‹ Back to blog

Qwik

Qwik Reaches v1.0

May 1, 2023

Written By The Qwik Team

The Qwik team is excited to announce that Qwik has reached v1.0. Qwik is a full-stack web framework that brings a fundamentally new approach to delivering instant apps at scale!

Why another framework?

Frameworks such as React, Vue, Angular, Svelte, SolidJS, and their meta frameworks (Next.js, Nuxt, SvelteKit, SolidStart, Astro) have revolutionized web development by providing powerful tools and abstractions that simplify the process of building complex applications.

These frameworks have inspired many developers to create innovative solutions that enhance the user experience, and developer experience, and improved the overall quality of web applications.

Qwik has drawn much inspiration from these frameworks, leveraging their strengths to provide fast, scalable, and maintainable solutions for building web applications. 

By building on the foundations laid by these frameworks, Qwik is able to provide developers with a powerful toolset that enables them to build web applications quickly and efficiently, while maintaining a high level of quality and performance.

As web applications get large, their startup performance degrades because current frameworks send too much JavaScript to the client. Keeping the initial bundle size small is a never-ending battle that’s no fun, and we usually lose.

Qwik delivers instant applications to the user. This is achieved by keeping the initial JavaScript cost constant, even as your application grows in complexity. Qwik then delivers only the JavaScript for the specific user interaction.

This ensures that JavaScript does not overwhelm the browser, no matter how large the application gets. Finally, speculative code fetching ensures instant interactivity even on slow and intermittent networks.

Think of it as streaming for your JavaScript.

Qwik’s philosophy is to ensure the easy path is the performant path. That’s why, out of the box, Qwik solves for:

Amazing user experience out of the box

  • Instant loading time with JavaScript streaming: Deliver applications that ace the CWV scores, and maintain them even as the application grows in complexity over time.
  • Speculative code fetching: Deliver the code you need exactly when users need it to ensure instant user interactivity, even on slow mobile devices with an unreliable network.
  • Lazy execution: Qwik’s resumable technology delays the execution of code in the browser as long as possible to keep the browser’s main thread free and responsive to user interactions.
  • Optimized rendering time: Qwik is reactive, meaning that by default, it only updates what’s absolutely needed and not more.
  • Data fetching: start fetching data on the server to prevent the “waterfall” delays.

Great developer experience

  • Familiar: JSX
  • Directory-based routing: Create sites with directory-based routing, an industry’s preferred way to declare routes.
  • First class data access: Qwik data loaders and form actions give you easy access to your server data with 100% end-to-end type safety and user input validation right out of the box
  • Middleware: Declare middleware logic in a portable way allowing you to deploy to all major hosting providers.
  • A unified execution model: We all say we are full-stack developers. With Qwik writing front-end and back-end code comes naturally together in a single application codebase and type safety. By default, Qwik applications execute in both server and browser, but it is easy to pin functions to be always server (server$()) (or always browser.)

We are ready for the real world. Qwik offers a rapidly expanding universe of ready-to-use integrations with your favorite libraries and frameworks. Just run npx qwik add from the command line and pick what you need from the list.

Qwik installs everything in all the right places to get you going. Stable, secure, tested and ready to rock. Everything you need to get started:

  • Write once, deploy anywhere: We have adapters for Azure, Cloudflare, Google Cloud Run, Netlify, Node.js, Deno, Vercel, and the list is growing. Write your application in a hosting-provider agnostic way to prevent vendor lock-in.
  • UI Components: Choose from QwikUI, Papanasi UI, or battle-tested UI libraries like Material UI, ChakraUI, Radix, or any other React based library via Qwik-React.
  • Image Optimization: Optimize Images for the best possible user experience with @unpic/qwik and qwik-image.
  • Internationalization: Deliver your application in multiple languages using $localize and qwik-speak.
  • Authentication: Use industry-leading AuthJS to add multiple authentication strategies to your application.
  • CMS: Qwik comes with a native integration with Builder.io for structured data and component-level headless content creation and publishing.
  • Styling: Qwik allows for lazy loading and component scoping of styles. Combine that with popular solutions such as PostCSS, Vanilla Extract, or Tailwind for your styling needs.
  • Testing: Unit test with Vitest and e2e with Playwright and Cypress. Develop and test components with Storybook.
  • Enterprise Readiness: Develop enterprise-scale applications and monoreos with qwik-nx, which provides special generators and executors for your NX monorepo.

Qwik-React allows you to lazy hydrate React components within the Qwik application. Leverage the existing React ecosystem from within Qwik, use Qwik-React to migrate over to Qwik incrementally, or speed up your React application by delay hydrating parts of it. Qwik-react brings island architecture design-pattern to your React app.

Svelte, Vue, and Angular wrappers are in the works by the community.

Qwik boasts a diverse and inclusive community of passionate developers, enthusiastic contributors, and supportive users worldwide. This community is always buzzing with energy, constantly collaborating, sharing ideas, and pushing the boundaries of what the framework can achieve.

There’s also a fast-growing group of community leaders all over the world with developer groups and meetups from France, Netherlands, England, United States, Israel, Portugal, Taiwan, Hungary, and many more that are joining this wonderful group of Qwik community leaders.

If you’re interested in starting a Qwik community group as well, please fill in this form; we’d love to help you out!

Our Discord community is always available to help with any questions you might have. Additionally, we recognize outstanding community members through our Qwik Heroes program, consisting of folks who have gone above and beyond in helping Qwik grow and become better.

We are proud of the Qwik community and its growth. Check out our tremendous progress in community growth over the past three months.

The number of Discord server members in the last three months has increased from 4k to well over 5k:

We had 4k members in January and have increased to over 5k as of the end of April

And finally, check out our GitHub page, where you can be part of the revolution.

Star History graph of Qwik. Now with more than 16k stars in April 2023

Check out our getting started page, our tutorial, or Stackblitz to start playing with Qwik today. 

You will find everything you need to get started Qwikly and learn how Qwik provides a new and innovative way to build your web applications whose performance will not deteriorate as the application grows.

Introducing Visual Copilot: a new AI model to convert Figma designs to high quality code in a click.

No setup needed. 100% free. Supports all popular frameworks.

Try Visual Copilot

Share

Twitter
LinkedIn
Facebook
Hand written text that says "A drag and drop headless CMS?"

Introducing Visual Copilot:

A new AI model to turn Figma designs to high quality code.

Try Visual Copilot

Like our content?

Join Our Newsletter

Continue Reading
AI12 MIN
Training Your Own AI Model Is Not As Hard As You (Probably) Think
WRITTEN BYSteve Sewell
November 22, 2023
Latest News21 MIN
Create your own GPT, Astro gains resumability, and the right way build an AI project
WRITTEN BYYoav Ganbar
November 17, 2023
AI12 MIN
Figma to HTML: Convert designs to clean HTML code in a click
WRITTEN BYVishwas Gopinath
November 17, 2023