diff --git a/package.json b/package.json index f6252c1b..c5e485b3 100644 --- a/package.json +++ b/package.json @@ -23,6 +23,7 @@ "@solid-primitives/clipboard": "^1.2.9", "@solid-primitives/date": "^1.1.0", "@solid-primitives/event-listener": "^1.5.0", + "@solid-primitives/fetch": "^1.2.0", "@solid-primitives/i18n": "^1.0.9", "@solid-primitives/intersection-observer": "^1.2.2", "@solid-primitives/scheduled": "^1.0.0", diff --git a/src/pages/Packages.data.ts b/src/pages/Packages.data.ts index f39fd48b..a118d3e5 100644 --- a/src/pages/Packages.data.ts +++ b/src/pages/Packages.data.ts @@ -1,7 +1,5 @@ -import utilities from './Resources/Utilities.data'; +import { createSolidexQuery } from '../utils/solidex'; -export const PackagesData = () => ({ - list: [...utilities], -}); +export const PackagesData = () => createSolidexQuery('packages'); export type PackagesDataProps = ReturnType; diff --git a/src/pages/Resources.data.ts b/src/pages/Resources.data.ts index 15af3d2c..1752ff07 100644 --- a/src/pages/Resources.data.ts +++ b/src/pages/Resources.data.ts @@ -1,9 +1,5 @@ -import articles from './Resources/Articles.data'; -import videos from './Resources/Videos.data'; -import podcasts from './Resources/Podcasts.data'; +import { createSolidexQuery } from '../utils/solidex'; -export const ResourcesData = () => ({ - list: [...videos, ...articles, ...podcasts], -}); +export const ResourcesData = () => createSolidexQuery('resources'); export type ResourcesDataProps = ReturnType; diff --git a/src/pages/Resources/Articles.data.ts b/src/pages/Resources/Articles.data.ts deleted file mode 100644 index 235376cc..00000000 --- a/src/pages/Resources/Articles.data.ts +++ /dev/null @@ -1,963 +0,0 @@ -import { Resource, ResourceCategory, ResourceType } from './Ecosystem'; - -const articles: Array = [ - { - link: 'https://dev.to/this-is-learning/javascript-frameworks-and-metagaming-pb5', - title: 'JavaScript Frameworks and Metagaming', - description: - 'Ryan provides a post-1.0 release analysis and equates framework creation to metagaming.', - author: 'Ryan Carniato', - author_url: 'https://dev.to/ryansolid', - keywords: ['metagaming', 'creating'], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1625584447000, - }, - { - link: 'https://dev.to/this-is-learning/javascript-framework-todomvc-size-comparison-504f', - title: 'JavaScript Framework TodoMVC Size Comparison', - description: 'Size in JavaScript Frameworks is actually a pretty tricky thing to estimate.', - author: 'Ryan Carniato', - author_url: 'https://dev.to/ryansolid', - keywords: ['bundles', 'scaling', 'size'], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1634253475000, - }, - { - link: 'https://www.infoq.com/news/2021/07/solid-js-released-first/', - title: 'Performance-Focused Reactive UI Framework Solid.JS Releases First Major Version', - description: - 'InfoQ covers SolidJS initial 1.0 release and provides an example of its reactivity.', - author: 'Bruno Couriol', - author_url: 'https://www.infoq.com/profile/Bruno-Couriol/', - keywords: ['infoq', 'education'], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1625529600000, - }, - { - link: 'https://medium.com/@ryansolid/solidjs-the-tesla-of-javascript-ui-frameworks-6a1d379bc05e', - title: 'SolidJS: The Tesla of JavaScript Frameworks?', - description: 'Tech built for Economy can be used for Performance.', - author: 'Ryan Carniato', - author_url: 'https://www.github.com/ryansolid', - keywords: [''], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1603098166557, - }, - { - link: 'https://indepth.dev/the-journey-to-isomorphic-rendering-performance', - title: 'The Journey to Isomorphic JavaScript Performance', - description: 'Finding the right SSR solution for Solid.', - author: 'Ryan Carniato', - author_url: 'https://www.github.com/ryansolid', - keywords: [''], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1602756000000, - }, - { - link: 'https://dev.to/ryansolid/why-i-m-not-a-fan-of-single-file-components-3bfl', - title: 'Why I am not a fan of Single File Components', - description: "Exploring the advantages of Solid's templates.", - author: 'Ryan Carniato', - author_url: 'https://www.github.com/ryansolid', - keywords: [''], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1600667167000, - }, - { - link: 'https://levelup.gitconnected.com/how-we-wrote-the-fastest-javascript-ui-framework-again-db097ddd99b6', - title: 'How we wrote the Fastest JavaScript Framework, Again!', - description: 'This time we conquered the server.', - author: 'Ryan Carniato', - author_url: 'https://www.github.com/ryansolid', - keywords: [''], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1600421218440, - }, - { - link: 'https://areknawo.com/solid-the-best-javascript-ui-library/', - title: 'Solid - The best JavaScript UI library?', - description: 'Highlights the qualities that make Solid a powerful solution.', - author: 'Ryan Carniato', - author_url: 'https://www.github.com/ryansolid', - keywords: [''], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1599075919000, - }, - { - link: 'https://indepth.dev/posts/1289/solidjs-reactivity-to-rendering', - title: 'SolidJS: Reactivity to Rendering', - description: - "An in depth look at building Solid's reactive renderer, piece by piece, from the ground up.", - author: 'Ryan Carniato', - author_url: 'https://www.github.com/ryansolid', - keywords: [''], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1592906400000, - }, - { - link: 'https://dev.to/lloyds-digital/comparing-reactivity-models-react-vs-vue-vs-svelte-vs-mobx-vs-solid-29m8', - title: 'Comparing reactivity models - React vs Vue vs Svelte vs MobX vs Solid vs Redux', - description: 'Compares popular and well known frameworks through a basic todo app.', - author: 'Mateo Hrastnik', - author_url: 'https://github.com/hrastnik', - keywords: [''], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1596527613000, - }, - { - link: 'https://areknawo.com/best-react-like-jsx-ui-libraries-in-2020/', - title: 'Best React-like JSX UI Libraries in 2020', - description: 'Presents 4 viable React alternatives.', - author: 'Ryan Carniato', - author_url: 'https://www.github.com/ryansolid', - keywords: [''], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1595534217000, - }, - { - link: 'https://indepth.dev/exploring-the-state-of-reactivity-patterns-in-2020/', - title: 'Exploring Reactivity Patterns in 2020', - description: "What's the latest trend in the frontend?", - author: 'Ryan Carniato', - author_url: 'https://www.github.com/ryansolid', - keywords: [''], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1591092000000, - }, - { - link: 'https://dev.to/ryansolid/why-solidjs-do-we-need-another-js-ui-library-1mdc', - title: 'Why SolidJS: Do We Really Need Another JS UI Library', - description: "Ryan's personal journey creating SolidJS.", - author: 'Ryan Carniato', - author_url: 'https://www.github.com/ryansolid', - keywords: [''], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1590995267000, - }, - { - link: 'https://dev.to/ryansolid/thinking-granular-how-is-solidjs-so-performant-4g37', - title: 'Thinking Granular: How is SolidJS so Performant?', - description: "An in-deph 12 minute read that explains Solid's methodology.", - author: 'Ryan Carniato', - author_url: 'https://www.github.com/ryansolid', - keywords: [''], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1586983522000, - }, - { - link: 'https://levelup.gitconnected.com/a-solid-realworld-demo-comparison-8c3363448fd8', - title: 'A Solid RealWorld Demo Comparison of JavaScript Frameworks', - description: 'How does Solid perform in a larger application?', - author: 'Ryan Carniato', - author_url: 'https://www.github.com/ryansolid', - keywords: [''], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1582790369043, - }, - { - link: 'https://levelup.gitconnected.com/designing-solidjs-abstraction-66d8c63fa7d1?source=friends_link&sk=9cc520bbba3d97872a78081a8ab7b259', - title: 'Designing SolidJS: Abstraction', - description: 'Understanding both the power and cost of abstraction.', - author: 'Ryan Carniato', - author_url: 'https://www.github.com/ryansolid', - keywords: [''], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1580976731118, - }, - { - link: 'https://itnext.io/designing-solidjs-suspense-f4e92c625cb5?source=friends_link&sk=f06f93d28632daba59048ed3d6d6b0a5', - title: 'Designing SolidJS: Suspense', - description: "React isn't the only library that stops time.", - author: 'Ryan Carniato', - author_url: 'https://www.github.com/ryansolid', - keywords: [''], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1575360287522, - }, - { - link: 'https://medium.com/@ryansolid/designing-solidjs-jsx-50ee2b791d4c?source=friends_link&sk=ef3d7ada15b50a6b5b7f5aee2cb8f952', - title: 'Designing SolidJS: JSX', - description: - 'How is it that the syntax born of the Virtual DOM is also secretly the best syntax for Reactive UI libraries?', - author: 'Ryan Carniato', - author_url: 'https://www.github.com/ryansolid', - keywords: [''], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1575268127582, - }, - { - link: 'https://medium.com/javascript-in-plain-english/designing-solidjs-immutability-f1e46fe9f321?source=friends_link&sk=912e32c63353ff0e084630bf3b63a8b1', - title: 'Designing SolidJS: Immutability', - description: 'Can Reactive State Management be both Immutable and also the most performant?', - author: 'Ryan Carniato', - author_url: 'https://www.github.com/ryansolid', - keywords: [''], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1574066462982, - }, - { - link: 'https://dev.to/atfzl/understanding-solid-jsx-584p', - title: 'Understanding Solid: JSX', - author: 'Ryan Carniato', - author_url: 'https://www.github.com/ryansolid', - keywords: [''], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1574717523000, - }, - { - link: 'https://dev.to/atfzl/understanding-solid-reactivity-basics-39kk', - title: 'Understanding Solid: Reactivity Basics', - author: 'Ryan Carniato', - author_url: 'https://www.github.com/ryansolid', - keywords: [''], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1570724447000, - }, - { - link: 'https://medium.com/@ryansolid/designing-solidjs-components-8f1ebb88d78b?source=friends_link&sk=cac89d1679d8be2c7bf2b303fabd153c', - title: 'Designing SolidJS: Components', - description: 'Exploring Solid\'s "Vanishing" Components', - author: 'Ryan Carniato', - author_url: 'https://www.github.com/ryansolid', - keywords: [''], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1573776889202, - }, - { - link: 'https://medium.com/@ryansolid/designing-solidjs-reactivity-75180a4c74b4?source=friends_link&sk=dbb9dd46a2e902c199ad3d5c7aeb1566', - title: 'Designing SolidJS: Reactivity', - description: 'Finding the right reactivity model for Solid.', - author: 'Ryan Carniato', - author_url: 'https://www.github.com/ryansolid', - keywords: [''], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1568843075544, - }, - { - link: 'https://medium.com/@ryansolid/designing-solidjs-dualities-69ee4c08aa03?source=friends_link&sk=161ddd70db4fca50d6f33b6d53056d36', - title: 'Designing SolidJS: Dualities', - description: 'How exploring opposites can help us redefine the whole problem space.', - author: 'Ryan Carniato', - author_url: 'https://www.github.com/ryansolid', - keywords: [''], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1567481829245, - }, - { - link: 'https://medium.com/@ryansolid/how-we-wrote-the-fastest-javascript-ui-frameworks-a96f2636431e', - title: 'How we wrote the Fastest JavaScript UI Frameworks', - description: 'How Solid topped the JS Framework Benchmark.', - author: 'Ryan Carniato', - author_url: 'https://www.github.com/ryansolid', - keywords: [''], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1564115293877, - }, - { - link: 'https://levelup.gitconnected.com/finding-fine-grained-reactive-programming-89741994ddee?source=friends_link&sk=31c66a70c1dce7dd5f3f4229423ad127', - title: 'Finding Fine Grained Reactive Programming', - description: "Introduction to the inner workings of Solid's Reactive system.", - author: 'Ryan Carniato', - author_url: 'https://www.github.com/ryansolid', - keywords: [''], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1561960861096, - }, - { - link: 'https://medium.com/better-programming/the-real-cost-of-ui-components-6d2da4aba205?source=friends_link&sk=a412aa18825c8424870d72a556db2169', - title: 'The Real Cost of UI Components', - description: 'Comparison of the cost of Components in different UI Libraries.', - author: 'Ryan Carniato', - author_url: 'https://www.github.com/ryansolid', - keywords: [''], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1560955215263, - }, - { - link: 'https://medium.com/@ryansolid/the-fastest-way-to-render-the-dom-e3b226b15ca3?source=friends_link&sk=5ae1688dde789e46cecf5c976e708da5', - title: 'The Fastest Way to Render the DOM', - description: 'Comparison of all Solid Renderers against the Fastest Libraries in the World.', - author: 'Ryan Carniato', - author_url: 'https://www.github.com/ryansolid', - keywords: [''], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1559107533103, - }, - { - link: 'https://medium.com/@ryansolid/javascript-ui-compilers-comparing-svelte-and-solid-cbcba2120cea', - title: 'JavaScript UI Compilers: Comparing Svelte and Solid', - description: 'A closer look at precompiled UI libraries', - author: 'Ryan Carniato', - author_url: 'https://www.github.com/ryansolid', - type: ResourceType.Article, - keywords: [''], - categories: [ResourceCategory.Educational], - published_at: 1557807639966, - }, - { - link: 'https://levelup.gitconnected.com/building-a-simple-javascript-app-with-solid-ff17c8836409', - title: 'Building a Simple JavaScript App with Solid', - description: 'Dissecting building TodoMVC with Solid.', - author: 'Ryan Carniato', - author_url: 'https://www.github.com/ryansolid', - keywords: [''], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1554809461904, - }, - { - link: 'https://levelup.gitconnected.com/solid-the-best-javascript-ui-library-youve-never-heard-of-297b22848ac1?source=friends_link&sk=d61fc9352b4a98c6c9f5f6bd2077a722', - title: 'Solid — The Best JavaScript UI Library You’ve Never Heard Of', - author: 'Ryan Carniato', - author_url: 'https://www.github.com/ryansolid', - keywords: [''], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1554453079625, - }, - { - link: 'https://medium.com/@ryansolid/what-every-javascript-framework-could-learn-from-react-1e2bbd9feb09?source=friends_link&sk=75b3f6f90eecc7d210814baa2d5ab52c', - title: 'What Every JavaScript Framework Could Learn from React', - description: 'The lessons Solid learned from React.', - author: 'Ryan Carniato', - author_url: 'https://www.github.com/ryansolid', - keywords: [''], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1553646091290, - }, - { - link: 'https://medium.com/js-dojo/react-hooks-has-react-jumped-the-shark-c8cf04e246cf?source=friends_link&sk=a5017cca813ea970b480cc44afb32034', - title: 'React Hooks: Has React Jumped the Shark?', - description: 'Comparison of React Hooks to Solid.', - author: 'Ryan Carniato', - author_url: 'https://www.github.com/ryansolid', - keywords: [''], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1551338947894, - }, - { - link: 'https://medium.com/@ryansolid/how-i-wrote-the-fastest-javascript-ui-framework-37525b42d6c9?source=friends_link&sk=8eb9387a535a306d1eb96f7ce88c4db5', - title: 'How I wrote the Fastest JavaScript UI Framework', - description: "The key to Solid's performance.", - author: 'Ryan Carniato', - author_url: 'https://www.github.com/ryansolid', - keywords: [''], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1549778800718, - }, - { - link: 'https://medium.com/@ryansolid/b-y-o-f-part-5-js-frameworks-in-2019-deb9c4d3e74', - title: 'Part 5: JS Frameworks in 2019', - author: 'Ryan Carniato', - author_url: 'https://www.github.com/ryansolid', - keywords: [''], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1548919406928, - }, - { - link: 'https://medium.com/@ryansolid/b-y-o-f-part-4-rendering-the-dom-753657689647', - title: 'Part 4: Rendering the DOM', - author: 'Ryan Carniato', - author_url: 'https://www.github.com/ryansolid', - keywords: [''], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1548328281275, - }, - { - link: 'https://medium.com/@ryansolid/b-y-o-f-part-3-change-management-in-javascript-frameworks-6af6e436f63c', - title: 'Part 3: Change Management in JavaScript Frameworks', - author: 'Ryan Carniato', - author_url: 'https://www.github.com/ryansolid', - keywords: [''], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1546555117530, - }, - { - link: 'https://medium.com/@ryansolid/b-y-o-f-part-2-web-components-as-containers-85e04a7d96e9', - title: 'Part 2: Web Components as Containers', - author: 'Ryan Carniato', - author_url: 'https://www.github.com/ryansolid', - keywords: [''], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1542710478949, - }, - { - link: 'https://medium.com/@ryansolid/b-y-o-f-part-1-writing-a-js-framework-in-2018-b02a41026929', - title: 'Part 1: Writing a JS Framework in 2018', - author: 'Ryan Carniato', - author_url: 'https://www.github.com/ryansolid', - keywords: [''], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1541869780189, - }, - { - link: 'https://dev.to/ryansolid/jsx-is-not-hyperscript-61i', - title: 'JSX is not HyperScript', - description: 'Setting the story straight between JSX and HS.', - author: 'Ryan Carniato', - author_url: 'https://www.github.com/ryansolid', - keywords: [''], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1588404911000, - }, - { - link: 'https://dev.to/this-is-learning/learning-to-appreciate-react-server-components-49ka', - title: 'Learning to Appreciate React Server Components', - description: 'A deep dive into the evolution and future of React Server Components.', - author: 'Ryan Carniato', - author_url: 'https://www.github.com/ryansolid', - keywords: [''], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1617212767000, - }, - { - link: 'https://dev.to/ryansolid/5-ways-solidjs-differs-from-other-js-frameworks-1g63', - title: '5 Ways SolidJS Differs from Other JS Frameworks', - description: 'A deep dive into the evolution and future of React Server Components.', - author: 'Ryan Carniato', - author_url: 'https://www.github.com/ryansolid', - keywords: ['react', 'vue', 'svelte'], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1611601719000, - }, - { - link: 'https://dev.to/ryansolid/a-hands-on-introduction-to-fine-grained-reactivity-3ndf', - title: 'A Hands-on Introduction to Fine-Grained Reactivity', - description: 'Learn fine-grained reactivity by specific examples with Ryan', - author: 'Ryan Carniato', - author_url: 'https://www.github.com/ryansolid', - keywords: [''], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1612885016000, - }, - { - link: 'https://dev.to/ryansolid/building-a-reactive-library-from-scratch-1i0p', - title: 'Building a Reactive Library from Scratch', - author: 'Ryan Carniato', - author_url: 'https://www.github.com/ryansolid', - keywords: [''], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1613661656000, - }, - { - link: 'https://dev.to/this-is-learning/is-0kb-of-javascript-in-your-future-48og', - title: 'Is 0kb of JavaScript in your Future?', - description: 'Thoughts on a 0kb JS world and various approaches.', - author: 'Ryan Carniato', - author_url: 'https://www.github.com/ryansolid', - keywords: [''], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1620052032000, - }, - { - link: 'https://dev.to/ryansolid/server-rendering-in-javascript-optimizing-performance-1jnk', - title: 'Server Rendering in JavaScript: Optimizing Performance', - description: 'Ryan discusses his learning process in topics of perf and optimization.', - author: 'Ryan Carniato', - author_url: 'https://www.github.com/ryansolid', - keywords: [''], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1614267281000, - }, - { - link: 'https://dev.to/this-is-learning/components-are-pure-overhead-hpm', - title: 'Components are Pure Overhead', - description: 'An analysis of components and the future of Component-Less.', - author: 'Ryan Carniato', - author_url: 'https://www.github.com/ryansolid', - keywords: [''], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1620666795000, - }, - { - link: 'https://dev.to/this-is-learning/two-years-of-writing-about-designing-javascript-frameworks-2018-2020-3ha5', - title: 'Two Years of Writing about Designing JavaScript Frameworks (2018-2020)', - description: 'Reflections on building Solid.', - author: 'Ryan Carniato', - author_url: 'https://www.github.com/ryansolid', - keywords: [''], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1621434498000, - }, - { - link: 'https://dev.to/this-is-learning/what-the-hell-is-reactive-programming-anyway-31p5', - title: 'What the hell is Reactive Programming anyway?', - description: 'A helpful walkthrough of reactivity.', - author: 'Ryan Carniato', - author_url: 'https://www.github.com/ryansolid', - keywords: [''], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1616487018000, - }, - { - link: 'https://dev.to/this-is-learning/5-places-solidjs-is-not-the-best-5019', - title: '5 Places SolidJS is not the Best', - description: 'A candid review of limitations and benefits of Solid.', - author: 'Ryan Carniato', - author_url: 'https://www.github.com/ryansolid', - keywords: ['update'], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1617726240000, - }, - { - link: 'https://dev.to/ryansolid/solid-update-march-2021-1jj6', - title: 'Solid Update: March 2021', - description: 'A Pre-1.0 release summary and description of the work completed to date.', - author: 'Ryan Carniato', - author_url: 'https://www.github.com/ryansolid', - keywords: ['update'], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1617004918000, - }, - { - link: 'https://blog.openreplay.com/solid-vs-react-the-fastest-vs-the-most-popular-ui-library', - title: 'Solid vs React - the Fastest VS the Most Popular UI Library', - description: - 'An article presented by OpenReplay discussing the differences between React and Solid.', - author: 'Arek Nawo', - author_url: 'https://blog.openreplay.com/authors/arek-nawo', - keywords: ['react', 'solid', 'comparison'], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1624838400000, - }, - { - link: 'https://dev.to/trusktr/a-few-reasons-why-i-love-solid-js-4036', - title: 'A few reasons why I love Solid.js', - description: 'Joe walks through just a few things that he believes make Solid amazing.', - author: 'Joe Pea', - author_url: 'https://blog.openreplay.com/authors/arek-nawo', - keywords: ['love', 'lume'], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1625423335000, - }, - { - link: 'https://codechips.me/solidjs-first-look/', - title: 'SolidJS - a first look', - description: 'Ilia takes SolidJS for a spin and compare it to Svelte in terms of DevX', - author: 'Ilia Mikhailov', - author_url: 'https://codechips.me/', - keywords: ['mikhailov', 'svelte', 'codechips', 'transitions'], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1626739200000, - }, - { - link: 'https://javascript.plainenglish.io/javascript-frameworks-performance-comparison-2020-cd881ac21fce', - title: 'JavaScript Frameworks, Performance Comparison 2020', - description: 'The ultimate performance battle between JavaScript frameworks.', - author: 'Ryan Carniato', - author_url: 'https://www.github.com/ryansolid', - keywords: [], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1608552197675, - }, - { - link: 'https://www.infoworld.com/article/3626348/solidjs-creator-javascript-innovation-isnt-slowing-down.html', - title: 'JavaScript Frameworks, Performance Comparison 2020', - description: - 'As Solid marks its 1.0 release, creator Ryan Carniato discusses the origins of the framework.', - author: 'Matthew Tyson', - author_url: 'https://www.infoworld.com/author/Matthew-Tyson/', - keywords: [], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1627304400000, - }, - { - link: 'https://indepth.dev/solidjs-reactivity-to-rendering/', - title: 'SolidJS: Reactivity to Rendering', - description: - "An in depth look at building Solid's reactive renderer, piece by piece, from the ground up.", - author: 'Ryan Carniato', - author_url: 'https://www.github.com/ryansolid', - keywords: [], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1592906400000, - }, - { - link: 'https://dev.to/ryansolid/introducing-the-solidjs-ui-library-4mck', - title: 'Introducing the SolidJS UI Library', - description: 'Introduction article to Solid written in March 2020.', - author: 'Ryan Carniato', - author_url: 'https://www.github.com/ryansolid', - keywords: [], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1585189369000, - }, - { - link: 'https://css-tricks.com/introduction-to-the-solid-javascript-library/', - title: 'Introduction to the Solid JavaScript Library', - description: 'CSS Tricks author Charlie Gerard intros users to Solid.', - author: 'Charlie Gerard', - author_url: 'https://css-tricks.com/author/charliegerard/', - keywords: [], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1629815450000, - }, - { - link: 'https://dev.to/marcinwosinek/series/14003', - title: 'SolidJS Learning Series', - description: 'A 4 part series ranging topics such as setup, i18n and building with esbuild.', - author: 'Marcin Wosinek', - author_url: 'https://dev.to/marcinwosinek', - keywords: ['learning', 'rosetta', 'esbuild'], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1628532062000, - }, - { - link: 'https://dev.to/canburaks/introduction-to-solidjs-and-reactive-primitives-1o6h', - title: 'Introduction to SolidJS and Reactive Primitives', - description: "Walks new users through reactivitiy and Solid's core primitives.", - author: 'Can Burak Sofyalioglu', - author_url: 'https://dev.to/canburaks', - keywords: ['learning', 'primitives'], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1633545291000, - }, - { - link: 'https://www.cbsofyalioglu.com/code/adonisjs-solidjs/', - title: 'Using SolidJS in AdonisJS App', - description: - 'This blog post shows how to integrate SolidJS frontend library with AdonisJS backend framework.', - author: 'Can Burak Sofyalioglu', - author_url: 'https://dev.to/canburaks', - keywords: ['adonis'], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1634927260000, - }, - { - link: 'https://www.cbsofyalioglu.com/code/styling-and-control-flow-in-solidj/', - title: 'Exploring SolidJS – Styling and Control Flow', - description: 'Explores styling and control flow in SolidJS.', - author: 'Can Burak Sofyalioglu', - author_url: 'https://dev.to/canburaks', - keywords: ['control flow', 'styling'], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1634927260000, - }, - { - link: 'https://dev.to/lexlohr/testing-your-solidjs-code-2gfh', - title: 'Testing your Solid.js code with jest', - description: 'An interesting guide on different testing practices for Solid.', - author: 'Alex Lohr', - author_url: 'https://github.com/atk', - keywords: ['solid-jest', 'ts-jest', 'jest', 'testing'], - type: ResourceType.Article, - categories: [ResourceCategory.Educational, ResourceCategory.Testing], - published_at: 1634241650000, - }, - { - link: 'https://dev.to/lexlohr/testing-solidjs-code-beyond-jest-39p', - title: 'Testing your Solid.js code beyond jest', - description: - 'A follow up article extending the conversation of testing Solid further beyond Jest.', - author: 'Alex Lohr', - author_url: 'https://github.com/atk', - keywords: ['solid-jest', 'ts-jest', 'jest', 'testing'], - type: ResourceType.Article, - categories: [ResourceCategory.Educational, ResourceCategory.Testing], - published_at: 1635095541000, - }, - { - link: 'https://blog.logrocket.com/introduction-solidjs/', - title: 'Introduction to SolidJS', - description: 'An introduction to the SolidJS library.', - author: 'Iniubong Obonguko (LockRocket)', - author_url: 'https://blog.logrocket.com/author/iniubongobonguko/', - keywords: ['introduction'], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1636574110000, - }, - { - link: 'https://dev.to/this-is-learning/understanding-transitional-javascript-apps-27i2', - title: 'Understanding Transitional JavaScript Apps', - description: 'Transitional JavaScript Apps? What?', - author: 'Ryan Carniato', - author_url: 'https://dev.to/ryansolid', - keywords: ['transitional', 'apps', 'spa', 'mpa'], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1636730779000, - }, - { - link: 'https://dev.to/pabloabc/felte-an-extensible-form-library-for-solid-4cde?signin=true', - title: 'Felte: An extensible form library for Solid', - description: - 'Arguably one of the most common problems front-end developers need to solve is form handling. Discusses Felte + Solid', - author: 'Pablo Berganza', - author_url: 'https://dev.to/pabloabc', - keywords: ['forms', 'felte', 'form', 'input'], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1639018743000, - }, - { - link: 'https://blog.logrocket.com/styling-solidjs-applications-using-tailwind-css/', - title: 'Styling SolidJS applications using Tailwind CSS', - description: 'Learn about Tailwind CSS and SolidJS and how to use them together effecitvely.', - author: 'Iniubong Obonguko', - author_url: 'https://blog.logrocket.com/author/iniubongobonguko/', - keywords: ['tailwind', 'ui', 'styling', 'ui'], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1639018743000, - }, - { - link: 'https://dev.to/johncarroll/awesome-forms-with-solidjs-18gi', - title: 'Awesome Forms with Solidjs', - description: 'Build a form system with Rx controls package.', - author: 'John Carroll', - author_url: 'https://dev.to/johncarroll', - keywords: ['forms', 'ui'], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1619896162000, - }, - { - link: 'https://sabe.io/tutorials/getting-started-with-solid', - title: 'Getting Started With Solid', - description: - 'In this tutorial, you will learn more about Solid, how to get started with a basic app, and learn about the basics of how it works.', - author: 'Alan Morel', - author_url: 'https://sabe.io/alanmorel', - keywords: ['started', 'learning'], - official: false, - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1640938154000, - }, - { - link: 'https://blog.logrocket.com/solidjs-vs-react/', - title: 'SolidJS vs. React: Comparing declarative UI libraries', - description: - 'Uncovers the similarities and differences between React/Solid to enable you to decide which one works best for your use case.', - author: 'Atharva Deosthale', - author_url: 'https://blog.logrocket.com/author/atharvadeosthale/', - keywords: ['declarative', 'ui', 'choice'], - official: false, - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1642791979000, - }, - { - link: 'https://typeofnan.dev/solid-js-feels-like-what-i-always-wanted-react-to-be/', - title: 'Solid.js feels like what I always wanted React to be', - description: - 'Nick describes what makes Solid.js special to him and compares it to his React experience.', - author: 'Nick Scialli', - author_url: 'https://typeofnan.dev/', - keywords: ['react', 'compare'], - official: false, - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1645984025000, - }, - { - link: 'https://www.cbsofyalioglu.com/code/solidjs-and-reactive-primitives/', - title: 'Exploring SolidJS - Reactive Primitives', - description: - 'SolidJS is a true reactive library that allows you to use JSX for your frontend projects.', - author: 'Can Burak Sofyalıoğlu', - author_url: 'https://www.cbsofyalioglu.com/', - keywords: ['adonis', 'back-end', 'framework'], - official: false, - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1646175016000, - }, - { - link: 'https://www.cbsofyalioglu.com/code/adonisjs-solidjs/', - title: 'SolidJS Setup in AdonisJS', - description: - 'This blog post shows how to integrate SolidJS frontend library with AdonisJS backend framework.', - author: 'Can Burak Sofyalıoğlu', - author_url: 'https://www.cbsofyalioglu.com/', - keywords: ['adonis', 'back-end', 'framework'], - official: false, - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1646175016000, - }, - { - link: 'https://hackernoon.com/meet-solid-a-lightweight-javascript-ui-library-that-is-gaining-in-popularity', - title: 'Meet Solid: A Lightweight JavaScript UI Library that is Gaining in Popularity', - description: - 'SolidJS has been gaining traction as a UI library for building web applications that are extremely fast and small.', - author: 'Phong Nguyen', - author_url: 'https://hackernoon.com/u/phongnn', - keywords: ['solid', 'learn', 'framework', 'hackernoon'], - official: false, - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1648409350000, - }, - { - link: 'https://hackernoon.com/state-management-in-solidjs-applications', - title: 'State Management in SolidJS Applications', - description: - 'State management is usually one of the most important problems that you need to tackle when developing a frontend application.', - author: 'Phong Nguyen', - author_url: 'https://hackernoon.com/u/phongnn', - keywords: ['solid', 'state management', 'state', 'hackernoon'], - official: false, - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1650697301000, - }, - { - link: 'https://dev.to/taw/open-source-adventures-episode-43-solidjs-1f32', - title: 'Open Source Adventures: Episode 43: SolidJS', - description: - 'Tomasz delves into SolidJS basics. Part of a series of SolidJS entries that delve into less trivial examples.', - author: 'Tomasz Wegrzanowski', - author_url: 'https://dev.to/taw', - keywords: ['solid', 'learning', 'beginner'], - official: false, - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1650610823000, - }, - { - link: 'https://dev.to/this-is-learning/marko-for-sites-solid-for-apps-2c7d', - title: 'Marko for Sites, Solid for Apps', - description: - 'Ryan discusses SPAs and MPAs and delves into the balance between Solid and Marko.', - author: 'Ryan Carniato', - author_url: 'https://dev.to/ryansolid', - keywords: ['solid', 'learning', 'marko', 'spa', 'mpa'], - official: false, - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1650930187000, - }, - { - link: 'https://non-traditional.dev/an-intro-to-solidjs-for-react-developers', - title: 'An Intro to Solid.js for React Developers', - description: - 'A quick introduction of the similarities, differences, and gotchas of solid.js for React developers', - author: 'Travis Waith-Mair', - author_url: 'https://hashnode.com/@nontraditionaldev', - keywords: ['solid', 'learning', 'react', 'beginner'], - official: false, - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1652436704000, - }, - { - link: 'https://dev.to/mbarzeev/converting-a-react-component-to-solidjs-5bgj', - title: 'Converting a React Component to SolidJS', - description: '', - author: 'Matti Bar-Zeev', - author_url: 'https://dev.to/mbarzeev', - keywords: ['solid', 'react', 'porting'], - official: false, - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1654203600000, - }, - { - link: 'https://dev.to/this-is-learning/patterns-for-building-javascript-websites-in-2022-5a93', - title: 'Patterns for Building JavaScript Websites in 2022', - description: '', - author: 'Ryan Carniato', - author_url: 'https://www.github.com/ryansolid', - keywords: ['javascript', 'patterns', 'web'], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1654635600000, - }, - { - link: 'https://javascript.plainenglish.io/solidjs-looks-can-be-deceptive-65b2f91360fe', - title: 'SolidJS: Looks Can Be Deceptive?', - description: '', - author: 'David Hockley', - author_url: 'https://gosev.medium.com/', - keywords: ['solid'], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1653426000000, - }, - { - link: 'https://dev.to/ryansolid/when-netlify-asks-you-to-full-time-oss-you-say-yes-5ccf', - title: `When Netlify asks you to full-time OSS, you say yes!`, - description: '', - author: 'Ryan Carniato', - author_url: 'https://www.github.com/ryansolid', - keywords: ['solid', 'netlify'], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1653253200000, - }, - { - link: 'https://dev.to/devsmitra/getting-started-with-solidjs-a-beginners-guide-5af4', - title: `Getting started with SolidJs – A Beginner's Guide`, - description: '', - author: 'Rahul Sharma', - author_url: 'https://dev.to/devsmitra', - keywords: ['solid', 'introduction'], - type: ResourceType.Article, - categories: [ResourceCategory.Educational], - published_at: 1653598800000, - }, -]; - -export default articles; diff --git a/src/pages/Resources/Podcasts.data.ts b/src/pages/Resources/Podcasts.data.ts deleted file mode 100644 index 189759b2..00000000 --- a/src/pages/Resources/Podcasts.data.ts +++ /dev/null @@ -1,87 +0,0 @@ -import { Resource, ResourceCategory, ResourceType } from './Ecosystem'; - -const podcasts: Array = [ - { - title: 'The Runtime: SolidJS', - link: 'https://runtimepodcast.com/#7', - description: - 'Rafael is joined by Ryan Carniato, the Author of SolidJS, a frontend reactive UI library.', - author: 'The Runtime', - author_url: 'https://www.runtimepodcast.com', - keywords: ['runtime', 'rafael'], - type: ResourceType.Podcast, - categories: [ResourceCategory.Educational], - published_at: 1628272800000, - }, - { - title: 'React vs Svelte vs Solid & MicroFrontends', - link: 'https://show.nikoskatsikanis.com/episodes/ryan-carniato', - description: - 'We talk about the hard choices all companies are facing right now with their websites, especially with the choices and performance.', - author: 'The Nikos Show (Nikos Katsikanis)', - author_url: 'https://www.youtube.com/c/QuantumInformation', - keywords: ['nikos'], - type: ResourceType.Podcast, - categories: [ResourceCategory.Educational], - published_at: 1627534800000, - }, - { - title: 'The Deep Dive Episode 4: Reactive frontend frameworks', - link: 'https://www.youtube.com/watch?v=iyY1lT8-ZDA', - description: 'Kos Palchyk and Ryan Carniato do a deep dive into SolidJS.', - author: 'Lars Gyrup Brink Nielsen', - author_url: 'https://www.youtube.com/channel/UCsZWzmsdKz2VA49XXBK5TQA', - keywords: ['nikos'], - type: ResourceType.Podcast, - categories: [ResourceCategory.Educational], - published_at: 1615939200000, - }, - { - title: 'SolidJS with Ryan Carniato', - link: 'https://podrocket.logrocket.com/solidjs', - description: 'Kos Palchyk and Ryan Carniato do a deep dive into SolidJS.', - author: 'Ben Edelstein (LogRocket)', - author_url: 'https://podrocket.logrocket.com/hosts/benedelstein', - keywords: ['logrocket', 'podrocket'], - type: ResourceType.Podcast, - categories: [ResourceCategory.Educational], - published_at: 1630645200000, - }, - { - title: 'FSJam Episode 53 - Solid with Ryan Carniato', - link: 'https://fsjam.org/episodes/episode-53-solid-with-ryan-carniato', - description: - 'Discusses the definition of reactive programming, the benefits of building a new framework on JSX.', - author: 'FSJam', - author_url: 'https://fsjam.org/', - keywords: ['fsjam', 'reactivity', 'framework', 'SPA', 'MPA'], - type: ResourceType.Podcast, - categories: [ResourceCategory.Educational], - published_at: 1636741458000, - }, - { - title: 'SolidJS with Ryan Carniato - JSJ 528', - link: 'https://javascriptjabber.com/solidjs-with-ryan-carniato-jsj-528', - description: - 'SolidJS is a web development framework that focuses on using reactivity and carries forward several ideas from Knockout.js.', - author: 'JavascriptJabber', - author_url: 'https://javascriptjabber.com/', - keywords: ['javascript', 'jabber', 'knockout', 'reactivity'], - type: ResourceType.Podcast, - categories: [ResourceCategory.Educational], - published_at: 1650646766000, - }, - { - title: 'S09E12 Modern Web Podcast- Introduction to SolidJS with Ryan Carniato', - link: 'https://modernweb.podbean.com/e/s09e12-modern-web-podcast-introduction-to-solidjs-with-ryan-carniato/', - description: `In this episode of the Modern Web podcast, hosts Rob Ocel and Nacho Vazquez sit down with Ryan Carniato to talk about SolidJS.`, - author: 'Modern Web Podcast', - author_url: 'https://modernweb.podbean.com', - keywords: ['solid', 'introduction'], - type: ResourceType.Podcast, - categories: [ResourceCategory.Educational], - published_at: 1654635600000, - }, -]; - -export default podcasts; diff --git a/src/pages/Resources/Utilities.data.ts b/src/pages/Resources/Utilities.data.ts deleted file mode 100644 index d1a9e217..00000000 --- a/src/pages/Resources/Utilities.data.ts +++ /dev/null @@ -1,1577 +0,0 @@ -import { Resource, ResourceCategory, PackageType } from './Ecosystem'; - -const utilities: Array = [ - { - link: 'https://github.com/solidjs/solid-styled-jsx', - title: 'solid-styled-jsx', - description: "Wrapper for using Solid with Vercel's Styled JSX.", - author: 'Ryan Carniato', - author_url: 'https://github.com/ryansolid', - keywords: ['vercel', 'styled', 'jsx'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Routers], - }, - { - link: 'https://github.com/solidjs/solid-app-router', - title: 'solid-app-router', - description: - 'Universal router for SolidJS, combining paradigms of React Router and Ember Router. Supports JSX or JSON routing, and nested routes. Part of Solid Start, making it the official router.', - author: 'Ryan Carniato', - author_url: 'https://github.com/ryansolid', - keywords: ['router'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Routers], - }, - { - link: 'https://github.com/solidjs/solid/blob/main/packages/solid-element', - title: 'solid-element', - description: 'Extensions to Solid.js that add a Web Component wrapper.', - author: 'Ryan Carniato', - author_url: 'https://github.com/ryansolid', - keywords: ['web', 'components', 'web components', 'elements'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Routers], - }, - { - link: 'https://github.com/milahu/solidjs-treeview-component', - title: 'solidjs-treeview-component', - description: 'Interactive tree of nodes, expand/collapse, fetch child nodes on demand.', - author: 'milahu', - author_url: 'https://github.com/milahu', - keywords: ['tree', 'expand', 'collapse'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Routers], - }, - { - link: 'https://github.com/mikeplus64/solid-typefu-router5', - title: 'solid-typefu-router5', - description: - 'This package provides a router with integration with router5 and solid-js, and features type safe router and link creation.', - author: 'Mike Ledger', - author_url: 'https://github.com/mikeplus64', - keywords: ['router'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Routers], - }, - { - link: 'https://github.com/solidjs/solid-meta', - title: 'solid-meta', - description: 'Asynchronous SSR-ready Document Head management for Solid based on React Head.', - author: 'Ryan Carniato', - author_url: 'https://github.com/ryansolid', - keywords: ['meta', 'document'], - official: true, - type: PackageType.Package, - categories: [ResourceCategory.Plugins], - }, - { - link: 'https://github.com/solidjs/solid-refresh', - title: 'solid-refresh', - description: 'This project aims to provide HMR for Solid for various bundlers.', - author: 'Ryan Carniato', - author_url: 'https://github.com/ryansolid', - keywords: ['hmr', 'refresh'], - official: true, - type: PackageType.Package, - categories: [ResourceCategory.Plugins], - }, - { - link: 'https://github.com/solidjs/solid-jest', - title: 'solid-jest', - description: - 'This library contains presets for SolidJS to easily get started testing with Jest for both browser and server rendering with Node.', - author: 'Ryan Carniato', - author_url: 'https://github.com/ryansolid', - keywords: ['testing', 'jest'], - official: true, - type: PackageType.Library, - categories: [ResourceCategory.Testing], - }, - { - link: 'https://github.com/solidjs/solid-testing-library', - title: 'solid-testing-library', - description: - 'Simple and complete Solid DOM testing utilities that encourage good testing practices.', - author: 'Ryan Carniato', - author_url: 'https://github.com/ryansolid', - keywords: ['testing'], - official: true, - type: PackageType.Library, - categories: [ResourceCategory.Testing], - }, - { - link: 'https://github.com/amoutonbrady/solid-debug', - title: 'solid-debug', - description: 'A very simple visual debugger for Solid.', - author: 'Alexandre Mouton Brady', - author_url: 'https://github.com/amoutonbrady', - keywords: ['debug'], - official: true, - type: PackageType.Package, - categories: [ResourceCategory.BuildUtilities], - }, - { - link: 'https://github.com/solidjs/solid-playground', - title: 'solid-playground', - description: 'A playground and REPL for Solid.', - author: 'Alexandre Mouton Brady', - author_url: 'https://github.com/amoutonbrady', - keywords: ['playground', 'plugin'], - official: true, - type: PackageType.Package, - categories: [ResourceCategory.AddOn], - }, - { - link: 'https://github.com/amoutonbrady/solid-heroicons', - title: 'solid-heroicons', - description: 'A convenient port of the Tailwind Heroicons.', - author: 'Alexandre Mouton Brady', - author_url: 'https://github.com/amoutonbrady', - keywords: ['icons', 'ui', 'hero'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.AddOn, ResourceCategory.UI], - }, - { - link: 'https://github.com/x64Bits/solid-icons', - title: 'solid-icons', - description: 'The simplest way to use icons in SolidJS', - author: 'Ignacio Zsabo', - author_url: 'https://github.com/x64Bits', - keywords: ['icons', 'svg', 'iconpack'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.AddOn, ResourceCategory.UI], - }, - { - link: 'https://github.com/amoutonbrady/esbuild-plugin-solid', - title: 'esbuild-plugin-solid', - description: 'Plugin to compile solid-js jsx components with esbuild.', - author: 'Alexandre Mouton Brady', - author_url: 'https://github.com/amoutonbrady', - keywords: ['esbuild', 'tooling'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.BuildUtilities], - }, - { - link: 'https://github.com/ryansolid/dom-expressions/tree/main/packages/lit-dom-expressions', - title: 'lit-dom-expressions', - description: 'Tagged Template Literal API for DOM Expressions.', - author: 'Ryan Carniato', - author_url: 'https://github.com/ryansolid', - keywords: ['babel', 'expressions'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.BuildUtilities], - }, - { - link: 'https://github.com/ryansolid/dom-expressions/tree/main/packages/babel-plugin-jsx-dom-expressions', - title: 'babel-plugin-jsx-dom-expressions', - description: 'Babel plugin that converts JSX to DOM Expressions.', - author: 'Ryan Carniato', - author_url: 'https://github.com/ryansolid', - keywords: ['babel', 'expressions'], - official: true, - type: PackageType.Package, - categories: [ResourceCategory.Starters, ResourceCategory.BuildUtilities], - }, - { - link: 'https://github.com/solidjs/create-solid', - title: 'create-solid', - description: "Solid's port of Create React App.", - author: 'Ryan Carniato', - author_url: 'https://github.com/ryansolid', - keywords: ['starter', 'cra'], - official: true, - type: PackageType.Package, - categories: [ResourceCategory.Starters, ResourceCategory.BuildUtilities], - }, - { - link: 'https://github.com/ryansolid/dom-expressions', - title: 'dom-expressions', - description: - 'The renderer behind Solid.js that enables lightning fast fine grained performance.', - author: 'Ryan Carniato', - author_url: 'https://github.com/ryansolid', - keywords: ['dom', 'expressions'], - official: true, - type: PackageType.Library, - categories: [ResourceCategory.BuildUtilities], - }, - { - link: 'https://github.com/high1/solid-typescript-rollup', - title: 'solid-typescript-rollup', - description: 'Solid and Rollup support starter.', - author: 'high1', - author_url: 'https://github.com/high1', - keywords: ['starter', 'rollup'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Starters, ResourceCategory.BuildUtilities], - }, - { - link: 'https://gitlab.com/enom/solid-parcel-starter', - title: 'solid-parcel-starter', - description: 'Solid starter with Tailwind and Parcel', - author: 'Jonathan Ginn', - author_url: 'https://gitlab.com/enom', - keywords: ['starter', 'typescript', 'parcel', 'tailwind'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Starters, ResourceCategory.BuildUtilities], - }, - { - link: 'https://github.com/amoutonbrady/parcel2-solid-ts-starter', - title: 'parcel2-solid-ts-starter', - description: 'Parcel 2 support for SOlid. Great DX + performances out of the box.', - author: 'Alexandre Mouton Brady', - author_url: 'https://github.com/amoutonbrady', - keywords: ['starter', 'typescript', 'parcel2'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Starters, ResourceCategory.BuildUtilities], - }, - { - link: 'https://github.com/amoutonbrady/solid-snowpack-starter', - title: 'solid-snowpack-starter', - description: - 'Solid + snowpack + tailwindcss template You get HMR out of the box and full PWA compatible.', - author: 'Alexandre Mouton Brady', - author_url: 'https://github.com/amoutonbrady', - keywords: ['starter', 'typescript', 'snowpack'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Starters, ResourceCategory.BuildUtilities], - }, - { - link: 'https://github.com/builderio/jsx-lite', - title: 'jsx-lite', - description: - 'Generalized JSX that transpiles into Solid, React, Angular, Vue, etc. They have plugins for Figma, VSCode, & Builder.io.', - author: 'Builder.io', - author_url: 'https://github.com/builderio', - keywords: ['jsx', 'jsx-lite', 'builder'], - official: true, - type: PackageType.Package, - categories: [ResourceCategory.BuildUtilities], - }, - { - link: 'https://github.com/high1/solid-typescript-starter', - title: 'solid-typescript-starter', - description: 'Typescript start with Solid.', - author: 'high1', - author_url: 'https://github.com/high1', - keywords: ['starter', 'typescript'], - official: false, - type: PackageType.Library, - categories: [ResourceCategory.Starters, ResourceCategory.BuildUtilities], - }, - { - link: 'https://github.com/ryansolid/solid-ts-webpack', - title: 'solid-ts-webpack', - description: 'Typescript start with Webpack.', - author: 'Ryan Carniato', - author_url: 'https://github.com/ryansolid', - keywords: ['starter', 'typescript', 'webpack'], - official: true, - type: PackageType.Library, - categories: [ResourceCategory.Starters, ResourceCategory.BuildUtilities], - }, - { - link: 'https://github.com/solidjs/templates', - title: 'solidjs/templates', - description: 'This repository holds most of the official starter templates for vite.', - author: 'Alexandre Mouton Brady', - author_url: 'https://github.com/amoutonbrady', - keywords: ['starter', 'templates', 'vite', 'tailwind', 'bootstrap'], - official: false, - type: PackageType.Library, - categories: [ResourceCategory.Starters, ResourceCategory.BuildUtilities], - }, - { - link: 'https://github.com/amoutonbrady/snowpack-solid', - title: 'snowpack-solid', - description: - 'Solid + snowpack + tailwindcss template You get HMR out of the box and full PWA compatible.', - author: 'Alexandre Mouton Brady', - author_url: 'https://github.com/amoutonbrady', - keywords: ['snowpack', 'tooling'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Starters], - }, - { - link: 'https://github.com/amoutonbrady/parcel2-solid-ts-starter', - title: 'parcel2-solid-ts-starter', - description: - 'This template is based on yarn 2 pnp resolution (zero-install). It also uses parcel 2 for bundling.', - author: 'Alexandre Mouton Brady', - author_url: 'https://github.com/amoutonbrady', - keywords: ['parcel2', 'tooling', 'boilerplate'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Starters, ResourceCategory.BuildUtilities], - }, - { - link: 'https://github.com/MrFoxPro/solid-rollup-boilerplate', - title: 'solid-rollup-boilerplate', - description: 'Simple starter for Rollup + Solid.', - author: 'Dmitriy Nikiforov', - author_url: 'https://github.com/MrFoxPro', - keywords: ['boilerplate', 'rollup'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Starters, ResourceCategory.BuildUtilities], - }, - { - link: 'https://github.com/solidjs/solid-transition-group', - title: 'solid-transition-group', - description: - 'Animation library influenced by React Transition Group and Vue Transitions for the SolidJS library.', - author: 'Ryan Carniato', - author_url: 'https://github.com/ryansolid', - keywords: ['transitions', 'animations'], - official: true, - type: PackageType.Package, - categories: [ResourceCategory.AddOn], - }, - { - link: 'https://github.com/solidjs/solid-start', - title: 'solid-start', - description: - 'This is the home of the new official starter for Solid. This is still a work in progress.', - author: 'Ryan Carniato', - author_url: 'https://github.com/ryansolid', - keywords: ['starter'], - official: true, - type: PackageType.Library, - categories: [ResourceCategory.AddOn], - }, - { - link: 'https://github.com/solidjs/vite-plugin-solid', - title: 'vite-plugin-solid', - description: 'Plugin that allows SolidJS to run with Vite.', - author: 'Alexandre Mount Brady', - author_url: 'https://github.com/amoutonbrady', - keywords: ['vite', 'bundler'], - official: true, - type: PackageType.Package, - categories: [ResourceCategory.BuildUtilities, ResourceCategory.Plugins], - }, - { - link: 'https://github.com/thisbeyond/solid-dnd', - title: 'solid-dnd', - description: 'A lightweight and extremely performant drag and drop toolkit for Solid.', - author: 'Martin Pengelly-Phillips', - author_url: 'https://github.com/martinpengellyphillips', - keywords: ['drag', 'drop', 'dnd'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.AddOn, ResourceCategory.Primitives], - }, - { - link: 'https://github.com/solidjs/react-solid-state', - title: 'react-solid-state', - description: 'React Hooks API to use Solid.js paradigm in your existing React apps.', - author: 'Ryan Carniato', - author_url: 'https://github.com/MrFoxPro', - keywords: ['hooks'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.AddOn], - }, - { - link: 'https://github.com/MrFoxPro/solid-chart.js', - title: 'solid-chart', - description: 'Chart.js powered by solid-js framework.', - author: 'Dmitriy Nikiforov', - author_url: 'https://github.com/MrFoxPro', - keywords: ['chart', 'chart.js'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.AddOn], - }, - { - link: 'https://github.com/storeon/solidjs', - title: 'reatom-solid', - description: 'Reatom bindings for Reatom.', - author: 'skrylnikov', - keywords: ['reatom'], - official: false, - author_url: 'https://github.com/skrylnikov', - type: PackageType.Package, - categories: [ResourceCategory.AddOn, ResourceCategory.Data], - }, - { - link: 'https://github.com/storeon/solidjs', - title: 'solid-storeon', - description: - 'A package that helps to connect store with Solid.js to provide a better performance and developer experience while remaining so tiny.', - author: 'Storeon', - keywords: ['storeon', 'store'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.AddOn, ResourceCategory.Data], - }, - { - link: 'https://github.com/effector/effector/tree/master/packages/effector-solid', - title: 'effector-solid', - description: - 'A package that adapts effector units for perfect SolidJS performance with updates batching.', - author: 'effector', - keywords: ['effector', 'state', 'store', 'unit', 'effect', 'manager'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.AddOn, ResourceCategory.Data], - }, - { - link: 'https://github.com/solidjs/solid-styled-components', - title: 'solid-styled-components', - description: - 'This library provides Styled Components and css helper found in popular JS in CSS libraries.', - author: 'Ryan Carniato', - author_url: 'https://github.com/ryansolid', - keywords: ['styled', 'components', 'goober'], - official: true, - type: PackageType.Package, - categories: [ResourceCategory.AddOn], - }, - { - link: 'https://github.com/Acidic9/emotion-solid', - title: 'emotion-solid', - description: 'This library is an Emotion Styled port for Solid.', - author: 'Ari Seyhun', - author_url: 'https://github.com/Acidic9', - keywords: ['emotion', 'styled', 'components', 'css in js'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.AddOn, ResourceCategory.UI], - }, - { - link: 'https://github.com/andgate/solid-orbit', - title: 'solid-orbit', - description: - 'This package provides Solid a provider and hooks for Orbit. Most notably, this provides a useQuery hook which is a query transform listener, updating component props with records as they are changed.', - author: 'Gabriel Anderson', - author_url: 'https://github.com/andgate', - keywords: ['orbit', 'store', 'data'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.AddOn, ResourceCategory.Data], - }, - { - link: 'https://github.com/lume/lume', - title: 'LUME', - description: - 'Custom elements powered by Solid. LUME is a toolkit that creates 2D or 3D experiences for any device from mobile to desktop to AR/VR.', - author: 'Joe Pea', - author_url: 'https://github.com/trusktr', - keywords: ['graphics', '3d', 'ui'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.AddOn, ResourceCategory.UI], - }, - { - link: 'https://www.npmjs.com/package/phosphor-solid', - title: 'phosphor-solid', - description: - 'Phosphor is a flexible icon family for interfaces, diagrams, presentations — whatever, really.', - author: 'Arturo Aguilera', - author_url: 'https://github.com/aguilera51284', - keywords: ['phosphor', 'ui', 'icon'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.AddOn, ResourceCategory.UI], - }, - { - link: 'https://github.com/matteobruni/tsparticles/tree/main/components/solid', - title: 'solid-particles', - description: 'Official particles.js implementation for Solid.', - author: 'Matteo Bruni', - author_url: 'https://particles.js.org/', - keywords: ['particles', 'ui'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.AddOn, ResourceCategory.UI], - }, - { - link: 'https://github.com/mosheduminer/solid-form-action', - title: 'solid-form-action', - description: - 'This package provides a function that accepts a definition of the initial state of your form, its validation, and submission.', - author: 'Moshe Uminer', - author_url: 'https://github.com/mosheduminer', - keywords: ['action', 'form', 'validation', 'ui'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.AddOn, ResourceCategory.UI], - }, - { - link: 'https://github.com/wobsoriano/vite-solid-tailwind-starter', - title: 'vite-solid-tailwind-starter', - description: 'Starter using Vite + Solid + Tailwind CSS.', - author: 'Robert Soriano', - author_url: 'https://github.com/wobsoriano', - keywords: ['starter', 'templates', 'vite', 'tailwind'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Starters, ResourceCategory.BuildUtilities], - }, - { - link: 'https://www.npmjs.com/package/solid-urql', - title: 'solid-urql', - description: 'A highly customizable and versatile GraphQL client for Solid.', - author: 'Ari Seyhun', - author_url: 'https://github.com/Acidic9', - keywords: ['graphql', 'url', 'url', 'formidable'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Data], - }, - { - link: 'https://github.com/pablo-abc/solid-reach', - title: 'solid-reach', - description: - 'This is a port of ReachUI for Solid that (hopefully) will serve you as The Accessible Foundation for Solid Apps and Design Systems.', - author: 'Pablo Berganza', - author_url: 'https://github.com/pablo-abc', - keywords: ['accessibility', 'system', 'reach', 'ui'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.UI], - }, - { - link: 'https://github.com/pablo-abc/felte', - title: 'Felte', - description: - 'An extensible form library that supports Solid. No Field or Form components are needed, just plain stores and actions.', - author: 'Pablo Berganza', - author_url: 'https://github.com/pablo-abc', - keywords: ['form', 'validator', 'validation', 'input'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.UI], - }, - { - link: 'https://github.com/joshwilsonvu/eslint-plugin-solid', - title: 'eslint-plugin-solid', - description: - "It is not yet stable, and some rules may change, but it's well tested and should be helpful in Solid projects today.", - author: 'joshwilsonvu', - author_url: 'https://github.com/joshwilsonvu', - keywords: ['linter', 'eslint', 'plugin'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Plugins, ResourceCategory.BuildUtilities], - }, - { - link: 'https://github.com/amoutonbrady/solid-i18n', - title: '@amoutonbrady/solid-i18n', - description: 'Tiny translation library for solid-js inspired by rosetta.', - author: 'Alexandre Mouton Brady', - author_url: 'https://github.com/amoutonbrady', - keywords: [ - 'i18n', - 'localisation', - 'localization', - 'translate', - 'translations', - 'language', - 'rosetta', - ], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.UI, ResourceCategory.Data], - }, - { - link: 'https://github.com/davedbase/solid-slider', - title: 'solid-slider', - description: 'A carousel/slider implementation in TypeScript for Solid using KeenSlider.', - author: 'David Di Biase', - author_url: 'https://github.com/davedbase/solid-slider', - keywords: [ - 'slider', - 'carouse', - 'solid', - 'keen', - 'slider', - 'carousel', - 'caroussel', - 'slideshow', - 'gallery', - 'plugin', - ], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.UI], - }, - { - link: 'https://github.com/minht11/solid-virtual-container', - title: 'solid-virtual-container', - description: 'Efficient, single direction virtual list/grid for Solid-js.', - author: 'Justinas Delinda', - author_url: 'https://github.com/minht11', - keywords: ['container', 'virtual', 'list', 'grid'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.UI], - }, - { - link: 'https://github.com/wobsoriano/solid-zustand/', - title: 'solid-zustand', - description: 'Zustand state management for Solid.', - author: 'Robert Soriano', - author_url: 'https://github.com/wobsoriano', - keywords: ['container', 'state', 'zustand'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Data], - }, - { - link: 'https://github.com/wobsoriano/solid-supabase', - title: 'solid-supabase', - description: - 'A simple wrapper around Supabase.js (Firebase replacement) that gives you access to the client as a Solid hook.', - author: 'Robert Soriano', - author_url: 'https://github.com/wobsoriano', - keywords: ['database', 'firebase', 'wrapper'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Data], - }, - { - link: 'https://github.com/otonashixav/solid-flip', - title: 'solid-flip', - description: 'A lightweight transition library for solid-js.', - author: 'otonashixav', - author_url: 'https://github.com/otonashixav', - keywords: ['animation', 'transition'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.UI], - }, - { - link: 'https://github.com/lxsmnsyc/solid-uppy', - title: 'solid-uppy', - description: 'Sleek, modular open source JavaScript file uploader for Solid using Uppy.', - author: 'lxsmnsyc', - author_url: 'https://github.com/lxsmnsyc', - keywords: ['form', 'upload'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.UI], - }, - { - link: 'https://github.com/LXSMNSYC/babel-plugin-solid-labels', - title: 'babel-plugin-solid-labels', - description: 'Compile-time reactive expressions for SolidJS.', - author: 'Alexis H. Munsayac', - author_url: 'https://github.com/LXSMNSYC', - keywords: ['labels', 'expessions', 'babel', ' compile-time'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.BuildUtilities, ResourceCategory.Plugins], - }, - { - link: 'https://github.com/LXSMNSYC/solid-headless', - title: 'solid-headless', - description: 'Headless UI for SolidJS.', - author: 'Alexis H. Munsayac', - author_url: 'https://github.com/LXSMNSYC', - keywords: ['design', 'ui', 'components', 'headless'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.UI], - }, - { - link: 'https://github.com/LXSMNSYC/solid-tiptap', - title: 'solid-tiptap', - description: 'Solid bindings for TipTap.', - author: 'Alexis H. Munsayac', - author_url: 'https://github.com/LXSMNSYC', - keywords: ['tiptap', 'ui', 'editor', 'wysiwyg'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Plugins, ResourceCategory.UI], - }, - { - link: 'https://github.com/LXSMNSYC/solid-popper', - title: 'solid-popper', - description: 'Solid bindings for Popper.js.', - author: 'Alexis H. Munsayac', - author_url: 'https://github.com/LXSMNSYC', - keywords: ['popper', 'tooltip', 'positioning'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Plugins, ResourceCategory.UI], - }, - { - link: 'https://aquaductape.github.io/solid-dismiss/', - title: 'solid-dismiss', - description: 'Handle "click outside" behavior to close dropdowns/popups for Solid.', - author: 'aquaductape', - author_url: 'https://github.com/aquaductape', - keywords: ['click', 'outside', 'dismiss'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Plugins, ResourceCategory.UI], - }, - { - link: 'https://github.com/niliadu/solid-js-form', - title: 'solid-js-form', - description: 'Form library for Solid.JS that uses yup as the validation schema.', - author: 'niliadu', - author_url: 'https://github.com/niliadu', - keywords: ['input', 'form'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Plugins, ResourceCategory.UI], - }, - { - link: 'https://github.com/isaacHagoel/solid-dnd-directive', - title: 'solid-dnd-directive', - description: - 'A feature-complete implementation of drag and drop for Solid JS using a custom directive.', - author: 'Isaac Hagoel', - author_url: 'https://github.com/isaacHagoel', - keywords: ['dnd', 'drag', 'drop'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Plugins, ResourceCategory.UI], - published_at: 1633118125000, - }, - { - link: 'https://github.com/rturnq/solid-auth0', - title: 'solid-auth0', - description: 'Auth0 integration for solid-js which wraps @auth0/auth0-spa-js.', - author: 'Ryan Turnquist', - author_url: 'https://github.com/rturnq', - keywords: ['authentication', 'auth0', 'auth'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Plugins], - published_at: 1633118125000, - }, - { - link: 'https://github.com/davedbase/solid-primitives', - title: 'solid-primitives', - description: "A library of high-quality primitives that extend Solid's reactivity.", - author: 'David Di Biase', - author_url: 'https://github.com/davedbase', - keywords: ['geolocation', 'timer', 'storage', 'debounce', 'throttle', 'primitives'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Primitives], - published_at: 1633118125000, - }, - { - link: 'https://guillotin.recodable.io/', - title: '@guillotin/solid', - description: 'Collection of Headless Components for demanding developers.', - author: 'Steven Yung', - author_url: 'https://github.com/xstevenyung', - keywords: ['headless', 'ui', 'components'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.UI], - published_at: 1633118125000, - }, - { - link: 'https://github.com/sophiabrandt/solid-heroes', - title: 'solid-heroes', - description: 'Simple SolidJS example using GraphQL-Yoga as the server and URQL as the client.', - author: 'Sophia Brandt', - author_url: 'https://github.com/sophiabrandt', - keywords: ['graphql', 'urql', 'yoga'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Educational, ResourceCategory.Data], - published_at: 1634326849000, - }, - { - link: 'https://github.com/lxsmnsyc/solid-giphy', - title: 'solid-giphy', - description: 'Solid bindings for Giphy API service.', - author: 'Alexis H. Munsayac', - author_url: 'https://github.com/lxsmnsyc', - keywords: ['giphy', 'images'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.UI], - published_at: 1634917094000, - }, - { - link: 'https://github.com/one-aalam/solid-starter-kit', - title: 'solid-starter-kit', - description: - 'Solid Starter Kit is an opinionated boilerplate with Supabase, Tailwind, TS and Prettier.', - author: 'Aftab Alam', - author_url: 'https://github.com/one-aalam', - keywords: ['supabase', 'tailwind', 'tailwind'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Starters], - published_at: 1634917094000, - }, - { - link: 'https://github.com/andi23rosca/tiptap-solid', - title: 'tiptap-solid', - description: 'Solid components for tiptap v2.', - author: 'Andi Rosca', - author_url: 'https://github.com/andi23rosca', - keywords: ['tiptap', 'ui', 'editor', 'wysiwyg'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Plugins, ResourceCategory.UI], - published_at: 1634917094000, - }, - { - link: 'https://github.com/swise0/solid-toast-notify', - title: 'solid-toast-notify', - description: 'Toast notify element.', - author: 'swise0', - author_url: 'https://github.com/swise0', - keywords: ['notify', 'toast'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Plugins, ResourceCategory.UI], - published_at: 1634672820000, - }, - { - link: 'https://github.com/andi23rosca/solid-markdown', - title: 'solid-markdown', - description: 'Ported version of react-markdown for Solid markdown generation.', - author: 'Andi Rosca', - author_url: 'https://github.com/andi23rosca', - keywords: ['markdown', 'react-markdown', 'parser'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Plugins, ResourceCategory.UI], - published_at: 1633895338000, - }, - { - link: 'https://github.com/aldy505/vite-plugin-pages-solid', - title: 'vite-plugin-pages-solid', - description: 'A fork of vite-plugin-pages for Vue adapted for Solid.', - author: 'Reinaldy Rafli', - author_url: 'https://github.com/aldy505', - keywords: ['vite', 'pages', 'build'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.BuildUtilities], - published_at: 1634931664000, - }, - { - link: 'https://github.com/atk/solid-register', - title: 'solid-register', - description: 'Allows running and testing Solid.js browser code in Node.js.', - author: 'Alex Lohr', - author_url: 'https://github.com/atk', - keywords: ['runner', 'testing'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Testing], - published_at: 1635095541000, - }, - { - link: 'https://github.com/merged-js/solid-apollo', - title: 'solid-apollo', - description: 'An Apollo client for Solid.', - author: 'merged-js', - author_url: 'https://github.com/merged-js', - keywords: ['apollo', 'graphql'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Plugins, ResourceCategory.Data], - published_at: 1635523744000, - }, - { - link: 'https://github.com/merged-js/react-solid', - title: 'react-solid', - description: 'A way to use Solid components inside React.', - author: 'merged-js', - author_url: 'https://github.com/merged-js', - keywords: ['react', 'binding'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Plugins, ResourceCategory.Data], - published_at: 1635523744000, - }, - { - link: 'https://github.com/SanichKotikov/solid-i18n', - title: 'solid-i18n', - description: 'Tiny translation library for solid-js inspired by Rosetta.', - author: 'SanichKotikov', - author_url: 'https://github.com/SanichKotikov', - keywords: [ - 'i18n', - 'localisation', - 'localization', - 'translate', - 'translations', - 'language', - 'rosetta', - ], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Plugins, ResourceCategory.UI], - published_at: 1635697432000, - }, - { - link: 'https://github.com/poudels14/slate-solid', - title: 'slate-solid', - description: 'Slate Solid is a solid-js wrapper for Slate rich text editor.', - author: 'Sagar Poudel', - author_url: 'https://github.com/poudels14', - keywords: ['slate', 'wysiwyg', 'editor', 'rich text'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Plugins, ResourceCategory.UI], - published_at: 1635697432000, - }, - { - link: 'https://solid-libs.github.io/solid-bootstrap/#/', - title: 'solid-bootstrap', - description: 'The most popular front-end framework rebuilt for SolidJS.', - author: 'Brendan-csel', - author_url: 'https://github.com/Brendan-csel', - keywords: ['bootstrap', 'design', 'ui', 'components'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Plugins, ResourceCategory.UI], - published_at: 1638514856000, - }, - { - link: 'https://github.com/orenelbaum/babel-plugin-solid-undestructure', - title: 'babel-plugin-solid-undestructure', - description: - 'This babel plugin allows you to destructure your props in your Solid components without losing reactivity.', - author: 'orenelbaum', - author_url: 'https://github.com/orenelbaum', - keywords: ['spread', 'props', 'babel', 'plugin'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Plugins, ResourceCategory.BuildUtilities], - published_at: 1638514856000, - }, - { - link: 'https://github.com/git-ced/solid-plyr', - title: 'solid-plyr', - description: 'A simple HTML5, YouTube and Vimeo player (Plyr) for SolidJS.', - author: 'Prince Neil Cedrick Castro (git-ced)', - author_url: 'https://github.com/git-ced', - keywords: ['player', 'video', 'html5', 'youtube', 'vimeo'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Plugins], - published_at: 1638915904000, - }, - { - link: 'https://github.com/aminya/solid-simple-table', - title: 'solid-simple-table', - description: - 'Solid SimpleTable is a blazing fast reactive table component that gives you freedom.', - author: 'Amin Yahyaabadi (aminya)', - author_url: 'https://github.com/aminya', - keywords: ['table', 'simple'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.UI], - published_at: 1639091168000, - }, - { - link: 'https://gitlab.com/john.carroll.p/rx-controls', - title: 'rx-controls-solid', - description: - 'RxControls provides several javascript FormControl objects to make dealing with forms easier.', - author: 'John Carroll', - author_url: 'https://gitlab.com/john.carroll.p', - keywords: ['forms', 'rx'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.UI], - published_at: 1640895137000, - }, - { - link: 'https://github.com/high1/solid-social#readme', - title: 'solid-social', - description: - 'Social components for solid-js. These components are a port of MDX Embed, but can be used in other contexts, hence solid-social.', - author: 'high1', - author_url: 'https://github.com/high1', - keywords: [ - 'twitter', - 'twitch', - 'youtube', - 'social', - 'social media', - 'soundcloud', - 'codepen', - 'flickr', - 'gifma', - 'vimeo', - ], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.UI], - published_at: 1640995937000, - }, - { - link: 'https://github.com/high1/solid-jsx', - title: 'solid-jsx', - description: - 'Use Solid components with MDX. Enabled Vite and Rollup in general to parse MDX components into Solid.', - author: 'high1', - author_url: 'https://github.com/high1', - keywords: ['mdx'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.BuildUtilities], - published_at: 1640995937000, - }, - { - link: 'https://github.com/jherr/chrome-extension-boilerplate-solid', - title: 'chrome-extension-boilerplate-solid', - description: 'Chrome Extensions boilerplate with SolidJS', - author: 'hjerr', - author_url: 'https://github.com/jherr', - keywords: ['chrome', 'extension', 'plugin'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.BuildUtilities], - published_at: 1641869878000, - }, - { - link: 'https://github.com/LXSMNSYC/solid-marked', - title: 'solid-marked', - description: 'MDX/Markdown compiler for SolidJS including Github-flavored markdown', - author: 'LXSMNSYC', - author_url: 'https://github.com/LXSMNSYC', - keywords: ['mdx', 'marked', 'markdown', 'mdast'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.BuildUtilities], - published_at: 1642189449000, - }, - { - link: 'https://github.com/thisbeyond/solid-select', - title: 'solid-select', - description: 'A Select component for Solid.', - author: 'thisbeyond', - author_url: 'https://github.com/thisbeyond', - keywords: ['select', 'dropdown', 'component', 'ui'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.UI], - published_at: 1644103436000, - }, - { - link: 'https://github.com/orenelbaum/babel-plugin-reactivars-solid', - title: 'babel-plugin-reactivars-solid', - description: - 'A Babel plugin that lets you use a Svelte like syntax with Solid (a React version is a WIP).', - author: 'orenelbaum', - author_url: 'https://github.com/orenelbaum', - keywords: ['svelte', 'reactive', 'vars'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.BuildUtilities], - published_at: 1644609963000, - }, - { - link: 'https://github.com/edemaine/meteor-solid', - title: 'meteor-solid', - description: 'A Meteor plugin for the Solid JSX compiler.', - author: 'edemaine', - author_url: 'https://github.com/edemaine/', - keywords: ['meteor'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.BuildUtilities], - published_at: 1644771355777, - }, - { - link: 'https://github.com/edemaine/solid-meteor-data', - title: 'solid-meteor-data', - description: - 'Integration between Solid and Meteor reactivity, including helpers for managing Meteor data in Solid components.', - author: 'edemaine', - author_url: 'https://github.com/edemaine/', - keywords: ['meteor'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Data], - published_at: 1644771355777, - }, - { - link: 'https://github.com/wobsoriano/solid-firebase', - title: 'solid-firebase', - description: 'A range of useful Solid hooks for Firebase.', - author: 'wobsoriano', - author_url: 'https://github.com/wobsoriano', - keywords: ['firebase', 'database', 'hooks'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Data], - published_at: 1644771355777, - }, - { - link: 'https://github.com/titoBouzout/solid-windowed', - title: 'solid-windowed', - description: - "Given a list of items, only render what's visible on the screen while allowing scrolling the whole list.", - author: 'titoBouzout', - author_url: 'https://github.com/titoBouzout', - keywords: ['scroll', 'visibility', 'virtual', 'windowed'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Data], - published_at: 1644897397000, - }, - { - link: 'https://github.com/tanvesh01/motion-signals', - title: 'motion-signals', - description: - 'A wrapper over Motion One, An animation library, built on the Web Animations API for the smallest filesize and the fastest performance.', - author: 'tanvesh01', - author_url: 'https://github.com/tanvesh01', - keywords: ['motionone', 'motion', 'animation', 'windowed'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.UI], - published_at: 1646088393000, - }, - { - link: 'https://hope-ui.com/', - title: 'hope-ui', - description: "The SolidJS component library you've hoped for.", - author: 'Fabien Marie-Louise', - author_url: 'https://github.com/fabien-ml', - keywords: ['hope', 'chakra', 'design', 'ui', 'components'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.UI], - published_at: 1647104517182, - }, - { - link: 'https://github.com/ionic-team/capacitor-solidjs-templates', - title: 'capacitor-solidjs-templates', - description: - 'This repository holds production ready Capacitor templates for building native mobile applications using SolidJS + vite.', - author: 'ionic-team', - author_url: 'https://github.com/ionic-team', - keywords: ['capacitor', 'ionic', 'vite'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.UI], - published_at: 1647496275000, - }, - { - link: 'https://github.com/DigiChanges/solid-multiselect', - title: 'solid-multiselect', - description: 'A multi-select dropdown implementation for SolidJS.', - author: 'DigiChanges', - author_url: 'https://github.com/DigiChanges', - keywords: ['component', 'multiselect', 'ui', 'dropdown', 'searchable'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.UI], - published_at: 1642085029000, - }, - { - link: 'https://suid.io', - title: 'SUID - Material UI', - description: 'A port of MUI built with SolidJS.', - author: 'Juanra GM', - author_url: 'https://github.com/juanrgm', - keywords: ['components', 'material', 'mui', 'styled-component', 'icons', 'ui', 'design'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.UI, ResourceCategory.AddOn], - published_at: 1648751735000, - }, - { - link: 'https://github.com/jaoaustero/solid-tawk-messenger', - title: 'Tawk.to Messenger', - description: 'Tawk messenger chat for SolidJS', - author: 'Jao Austero', - author_url: 'https://github.com/jaoaustero', - keywords: [ - 'tawk', - 'tawkto', - 'live-chat', - 'chat-plugin', - 'chat-widget', - 'kb', - 'knowledge-base', - 'message', - ], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Plugins, ResourceCategory.AddOn], - published_at: 1651083453000, - }, - { - link: 'https://github.com/StudioLambda/TurboSolid', - title: 'TurboSolid', - description: 'Lightweight asynchronous data management for solid.', - author: 'Erik C. Forés', - author_url: 'https://github.com/StudioLambda', - keywords: ['cache', 'turbo', 'data', 'async', 'solidhack'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Plugins, ResourceCategory.Data], - published_at: 1651891327000, - }, - { - link: 'https://github.com/dimensionhq/blitz', - title: '@dimensionhq/blitz', - description: 'Fast, simple, and efficient state management for Solid.', - author: 'dimensionhq', - author_url: 'https://github.com/dimensionhq', - keywords: ['state', 'management', 'live-chat', 'solidhack'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Plugins, ResourceCategory.Data], - published_at: 1651891327000, - }, - { - link: 'https://github.com/Aslemammad/solid-spring', - title: 'solid-spring', - description: - 'solid-spring is a spring-physics first animation library for SolidJS based on react-spring/core.', - author: 'M. Bagher Abiat', - author_url: 'https://github.com/Aslemammad', - keywords: ['spring', 'animation', 'solidhack'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Plugins, ResourceCategory.UI], - published_at: 1651891327000, - }, - { - link: 'https://github.com/fwouts/previewjs', - title: 'previewjs', - description: 'Preview.js lets you preview Solid components instantly in your IDE.', - author: 'François Wouts', - author_url: 'https://github.com/fwouts', - keywords: ['preview', 'components', 'previewjs', 'solidhack'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Plugins, ResourceCategory.UI], - published_at: 1651891327000, - }, - { - link: 'https://github.com/specialdoom/solid-rev-kit', - title: 'RevKit UI for SolidJS', - description: 'Design System UI Kit for busy designers', - author: 'specialdoom', - author_url: 'https://github.com/specialdoom', - keywords: ['components', 'ui', 'revkit'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Plugins, ResourceCategory.UI], - published_at: 1651891327000, - }, - { - link: 'https://github.com/lume/classy-solid', - title: 'classy-solid', - description: - 'Tools for class-based reactivity powered by Solid.js, and for using classes as Solid components (f.e. in a JSX template).', - author: 'Joe Pea', - author_url: 'https://github.com/lume', - keywords: ['class', 'classes', 'solidhack'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Plugins, ResourceCategory.Data], - published_at: 1651891327000, - }, - { - link: 'https://github.com/CompendiumDevTools/library', - title: 'CompendiumDevTools', - description: - 'A library for connecting frameworks and state management libraries to Compendium DevTools.', - author: 'CompendiumDevTools', - author_url: 'https://github.com/CompendiumDevTools', - keywords: ['devtools', 'compendium'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Plugins, ResourceCategory.Data], - published_at: 1651891327000, - }, - { - link: 'https://github.com/AdityaSetyadi/form-gear', - title: 'form-gear', - description: - 'FormGear is a framework engine for dynamic form creation and complex form processing and validation for data collection.', - author: 'CompendiumDevTools', - author_url: 'https://github.com/AdityaSetyadi', - keywords: ['form', 'formgear', 'gear', 'solidhack'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Plugins, ResourceCategory.UI], - published_at: 1651891327000, - }, - { - link: 'https://github.com/AdityaSetyadi/form-gear', - title: 'form-gear', - description: - 'FormGear is a framework engine for dynamic form creation and complex form processing and validation for data collection.', - author: 'CompendiumDevTools', - author_url: 'https://github.com/AdityaSetyadi', - keywords: ['form', 'formgear', 'gear'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Plugins, ResourceCategory.UI], - published_at: 1651891327000, - }, - { - link: 'https://github.com/gstatem/gstatem', - title: 'GStatem', - description: 'GStatem is a small, simple and fast state-management tool.', - author: 'gstatem', - author_url: 'https://github.com/gstatem', - keywords: ['state', 'solidhack'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Plugins, ResourceCategory.Data], - published_at: 1651891327000, - }, - { - link: 'https://github.com/L1lith/Melon-Solid', - title: 'melon-solid', - description: - 'This project fuses the awesome frameworks Melon.js (for game development) and Solid.js.', - author: 'L1lith', - author_url: 'https://github.com/L1lith', - keywords: ['game', 'engine', 'melon', 'solidhack'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Plugins, ResourceCategory.UI], - published_at: 1651891327000, - }, - { - link: 'https://github.com/kajetansw/solar-forms', - title: 'solar-forms', - description: "Form library for SolidJS inspired by Angular's reactive forms.", - author: 'L1lith', - author_url: 'https://github.com/L1lith', - keywords: ['solar', 'forms', 'solidhack'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Plugins, ResourceCategory.UI], - published_at: 1651891327000, - }, - { - link: 'https://github.com/Bedrock-Layouts/Solid-Bedrock', - title: 'solid-bedrock', - description: 'The Lodash of Web Layouts, a collection of utility components.', - author: 'Travis Waith-Mair', - author_url: 'https://github.com/Jarvis1010', - keywords: ['bedrock', 'components', 'layout', 'solidhack'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Plugins, ResourceCategory.UI], - published_at: 1651891327000, - }, - { - link: 'https://github.com/everweij/solid-boundaries', - title: 'solid-boundaries', - description: 'A utility to track the bounds of html-elements in SolidJS.', - author: 'Erik Verweij', - author_url: 'https://github.com/everweij', - keywords: ['boundaries', 'elements', 'html', 'solidhack'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Plugins, ResourceCategory.UI], - published_at: 1651891327000, - }, - { - link: 'https://github.com/yonathan06/solid-cached-resource', - title: 'solid-cached-resource', - description: 'Create a solid resource attached to a cached state by a unique key.', - author: 'Yonatan Bendahan', - author_url: 'https://github.com/Jarvis1010', - keywords: ['cache', 'resources', 'createsResource', 'solidhack'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Plugins, ResourceCategory.Data], - published_at: 1651891327000, - }, - { - link: 'https://github.com/itaditya/solid-command-palette', - title: 'solid-command-palette', - description: 'Add a command palette to your Solid.js app.', - author: 'Aditya Agarwal', - author_url: 'https://devadi.netlify.app/', - keywords: ['command', 'palette', 'solidhack'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Plugins, ResourceCategory.UI], - published_at: 1651891327000, - }, - { - link: 'https://github.com/GIShub4/solid-map-gl', - title: 'solid-map-gl', - description: 'Solid Component Library for Mapbox GL JS.', - author: 'Kai Huebner', - author_url: 'https://github.com/GIShub4', - keywords: ['mapbox', 'webgl', 'geography', 'map', 'solidhack'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Plugins, ResourceCategory.UI], - published_at: 1651891327000, - }, - { - link: 'https://github.com/tjjfvi/solid-native', - title: 'solid-native', - description: - 'Solid Native expands the Solid ecosystem to include development of native mobile applications.', - author: 'T6', - author_url: 'https://github.com/tjjfvi', - keywords: ['native', 'applications', 'solidhack'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Plugins, ResourceCategory.UI], - published_at: 1651891327000, - }, - { - link: 'https://github.com/Exelord/solid-proxies', - title: 'solid-proxies', - description: "This package provides signaled versions of Javascript's built-in objects.", - author: 'Exelord', - author_url: 'https://github.com/Exelord', - keywords: ['primitives', 'proxies', 'solidhack'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Plugins, ResourceCategory.Data], - published_at: 1651891327000, - }, - { - link: 'https://github.com/Exelord/solid-services', - title: 'solid-proxies', - description: - 'Services are "global" objects useful for features that require shared state or persistent connections.', - author: 'Exelord', - author_url: 'https://github.com/Exelord', - keywords: ['service', 'angular', 'solidhack'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Plugins, ResourceCategory.Data], - published_at: 1651891327000, - }, - { - link: 'https://github.com/yellowsink/solid-reactor', - title: 'solid-reactor', - description: 'A compiler to ease the move from React to SolidJS.', - author: 'Cain Atkinson', - author_url: 'https://github.com/yellowsink', - keywords: ['react', 'solid', 'compiler', 'codemod', 'solidhack'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Plugins, ResourceCategory.BuildUtilities], - published_at: 1651891327000, - }, - { - link: 'https://github.com/pheggeseth/solid-ui', - title: 'solid-ui', - description: - 'Reactive primitives and hooks for building declarative, accessible, composable UI components with SolidJS.', - author: 'pheggeseth', - author_url: 'https://github.com/pheggeseth', - keywords: ['components', 'ui', 'solidhack'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Plugins, ResourceCategory.Data], - published_at: 1651891327000, - }, - { - link: 'https://github.com/TiagoCavalcante/solidjs-div-100vh', - title: 'solidjs-div-100vh', - description: - 'This is a workaround for iOS Safari and other mobile browsers forked from react-div-100vh by mvasin.', - author: 'TiagoCavalcante', - author_url: 'https://github.com/TiagoCavalcante', - keywords: ['react-div-100vh', 'safari', 'height', 'solidhack'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Plugins, ResourceCategory.UI], - published_at: 1651891327000, - }, - { - link: 'https://github.com/verdavaine/solidgraph', - title: 'SolidGraph', - description: 'SolidGraph lets you build applications with SolidJs and WunderGraph.', - author: 'Hervé Verdavaine', - author_url: 'https://github.com/verdavaine', - keywords: ['wundergraph', 'graph', 'visual', 'solidhack'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Plugins, ResourceCategory.UI], - published_at: 1651891327000, - }, - { - link: 'https://motion.dev/solid/quick-start', - title: '@motionone/solid', - description: 'Offical Motion One library for hardware accelerated animations in Solid.', - author: 'davedbase & thetarnav', - author_url: 'https://motion.dev/', - keywords: ['motionone', 'motion', 'animation', 'official'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.UI], - published_at: 1652052027000, - }, - { - link: 'https://github.com/Vexcited/solid-hcaptcha', - title: 'solid-hcaptcha', - description: 'hCaptcha Component Library for Solid.', - author: 'Mikkel Ringaud', - author_url: 'https://github.com/Vexcited', - keywords: ['hcaptcha', 'captcha'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Plugins], - }, - { - link: 'https://github.com/gnomical/solid-theme-provider', - title: 'solid-theme-provider', - description: - 'Lightweight, customizable theme switcher that injects css variables into the :root style element.', - author: 'Jacob Kofron', - author_url: 'https://github.com/gnomical', - keywords: ['themes', 'dark-mode', 'css', 'prefers-color-scheme'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.UI], - }, - { - link: 'https://github.com/ardeora/solid-toast', - title: 'solid-toast', - description: 'Customizable Toast Notifications for SolidJS', - author: 'Aryan Deora', - author_url: 'https://aryandeora.com', - keywords: ['toast', 'notifications', 'snackbar'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.UI], - }, - { - link: 'https://github.com/SushiWaUmai/pyscript-solid', - title: 'pyscript-solid', - description: 'Write python code in Solid.js using Pyscript.', - author: 'Eugene Matsumura', - author_url: 'https://sushiwaumai.github.io/', - keywords: ['pyscript', 'python', 'wrapper'], - official: false, - type: PackageType.Package, - categories: [ResourceCategory.Plugins], - }, -]; - -export default utilities; diff --git a/src/pages/Resources/Videos.data.ts b/src/pages/Resources/Videos.data.ts deleted file mode 100644 index e3ecc6e4..00000000 --- a/src/pages/Resources/Videos.data.ts +++ /dev/null @@ -1,695 +0,0 @@ -import { Resource, ResourceCategory, ResourceType } from './Ecosystem'; - -const videos: Array = [ - { - link: 'https://www.youtube.com/watch?v=wu6HvLoi9VQ', - title: 'How To Convert React Application To SolidJS', - description: 'Maksim Ivanov walks us through Solid.js and how to use it.', - author: 'Maksim Ivanov', - author_url: 'https://www.youtube.com/user/satansdeer1', - keywords: [''], - type: ResourceType.Video, - categories: [ResourceCategory.Educational], - published_at: 1628532062000, - }, - { - link: 'https://www.youtube.com/watch?v=Dq5EAcup044', - title: 'UI Libraries, Improving React.js & Music, with Ryan Carniato, Solid.js Creator', - description: '', - author: 'Jakub Neander', - author_url: 'https://github.com/zaiste', - keywords: [''], - type: ResourceType.Video, - categories: [ResourceCategory.Educational], - published_at: 1616544000000, - }, - { - link: 'https://www.youtube.com/watch?v=P8iGK8zYzns', - title: 'Solid.js - A Fast, Declarative, Compiled Web UI Library - Better than React.js?', - description: - 'Zaiste Programming discusses three things that makes Solid.js and Snowpack great.', - author: 'Jakub Neander', - author_url: 'https://github.com/zaiste', - keywords: [''], - type: ResourceType.Video, - categories: [ResourceCategory.Educational], - published_at: 1615593600000, - }, - { - link: 'https://www.youtube.com/watch?v=p8e9ta269x8', - title: 'React to Solid - Stream With Ryan Carniato', - description: - 'Maksim Ivanov and Ryan Carniato take an existing React application and try to rewrite it using the Solid framework.', - author: 'Maksim Ivanov', - author_url: 'https://www.youtube.com/user/satansdeer1', - keywords: [''], - type: ResourceType.Video, - categories: [ResourceCategory.Educational], - published_at: 1617062400000, - }, - { - link: 'https://www.youtube.com/watch?v=-CymMzGwzP8', - title: 'Looking at solid.js', - description: "Looking at solid.js, a new library for reactive web UI's.", - keywords: [''], - type: ResourceType.Video, - categories: [ResourceCategory.Educational], - published_at: 1601164800000, - }, - { - link: 'https://www.youtube.com/watch?v=P-AGz3U8lFY', - title: 'Learning SolidJS', - description: - 'Alex takes a first look, building a color transformation tool and dad joke search app in the process.', - keywords: [''], - author: 'uidotdev', - author_url: 'https://www.youtube.com/channel/UCbAn7pVK2VIyo-UysfWGdZQ', - type: ResourceType.Video, - categories: [ResourceCategory.Educational], - published_at: 1625011200000, - }, - { - link: 'https://www.youtube.com/watch?v=_ne2BsvFBH0', - title: 'Solid.js - the NEXT React? In-depth code analysis.', - description: - "A super in-depth code conversation about the inner-workings of Solid.js from a React developer's perspective.", - keywords: [''], - author: 'Sawtaytoes', - author_url: 'https://www.youtube.com/channel/UCDezHlQN79VWarlRgvmim-w', - type: ResourceType.Video, - categories: [ResourceCategory.Educational], - published_at: 1625184000000, - }, - { - link: 'https://www.youtube.com/playlist?list=PLtLhzwNMDs1fMi43erQSzXD49Y4p0TniU', - title: 'Solid Video Series', - description: - 'Information for developers who are interested in using the Solid JavaScript UI framework to create a web application.', - keywords: [''], - author: 'Eric Schmucker', - author_url: 'https://www.youtube.com/channel/UCDezHlQN79VWarlRgvmim-w', - type: ResourceType.Video, - categories: [ResourceCategory.Educational], - published_at: undefined, - }, - { - link: 'https://www.youtube.com/watch?v=iyY1lT8-ZDA', - title: 'The Deep Drive Episode #4 Reactive Frontends', - description: - 'The Deep Dive delves into reactive front-end frameworks with Lars Gyrup, Brink Nielsen, Kos Palchyk and Ryan Carniato.', - keywords: ['reactive', 'kos palychyk'], - author: 'The Deep Dive', - author_url: 'https://www.youtube.com/channel/UCsZWzmsdKz2VA49XXBK5TQA', - type: ResourceType.Video, - categories: [ResourceCategory.Educational], - published_at: 1615939200000, - }, - { - link: 'https://www.youtube.com/watch?v=OqcHoLWyyIw', - title: 'React vs SolidJS, Fight!', - description: "Let's compare React with the upstart newcomer Solid-JS in an eCommerce showdown!", - keywords: ['reactive', 'blue', 'jack', 'harrington'], - author: 'Jack Harrington', - author_url: 'https://www.youtube.com/channel/UC6vRUjYqDuoUsYsku86Lrsw', - type: ResourceType.Video, - categories: [ResourceCategory.Educational], - published_at: 1628640000000, - }, - { - link: 'https://youtu.be/cuHDQhDhvPE?t=1038', - title: 'I built the same app 10 times // Which JS Framework is best?', - description: 'Solid is featured amongst 10 other frameworks and compared.', - keywords: ['fireship'], - author: 'Fireship', - author_url: 'https://www.youtube.com/channel/UCsBjURrPoezykLs9EqgamOA', - type: ResourceType.Video, - categories: [ResourceCategory.Educational], - published_at: 1628640000000, - }, - { - link: 'https://www.youtube.com/watch?v=cFasysKU7vk&t=5s', - title: "React Wednesdays: Let's Learn Solid JS with Ryan Carniato", - description: - 'On this episode of React Wednesdays we welcome in Ryan Carniato, a member of the Marko team at eBay, and the author of Solid JS.', - keywords: ['react', 'wednesday'], - author: 'CodeItLive', - author_url: 'https://www.telerik.com/react-wednesdays', - type: ResourceType.Video, - categories: [ResourceCategory.Educational], - published_at: 1628640000000, - }, - { - link: 'https://www.youtube.com/watch?v=2iK9zzhSKo4&t=69s', - title: 'React Finland 2021: SolidJS - Reactive JSX', - description: - 'An introduction to SolidJS UI Library. Explore an example to show the similarity and differences between Hook + Virtual DOM versus Reactivity + DOM.', - keywords: ['react', 'finland'], - author: 'React Finland', - author_url: 'https://react-finland.fi/', - type: ResourceType.Video, - categories: [ResourceCategory.Educational], - published_at: 1630368000000, - }, - { - link: 'https://www.youtube.com/watch?v=PW6Re59Hb-8', - title: 'AM Coder - SolidJS Todo App for Express/Mongo API', - description: 'Alex Merced walks us through creating a Solid app with Express and Mongo.', - keywords: ['express', 'app', 'mongo'], - author: 'Alex Merced', - author_url: 'https://www.youtube.com/channel/UCoc4UCEetAt3htM3hV1dQgQ', - type: ResourceType.Video, - categories: [ResourceCategory.Educational, ResourceCategory.Data, ResourceCategory.UI], - published_at: 1631059200000, - }, - { - link: 'https://www.youtube.com/watch?v=LZc2hSghezM&t=57s', - title: 'Solid + GraphQL = Realtime Magic', - description: - "Let's use the Solid-JS framework to create a todo app using queries, mutations and ", - keywords: ['graphql', 'queries'], - author: 'Jack Harrington', - author_url: 'https://www.youtube.com/channel/UC6vRUjYqDuoUsYsku86Lrsw', - type: ResourceType.Video, - categories: [ResourceCategory.Educational, ResourceCategory.Data], - published_at: 1630886400000, - }, - { - link: 'https://www.youtube.com/watch?v=0zadjVUV7zM', - title: 'Streaming SolidJS - Context, Async, & Suspense', - description: 'Ryan talks about context, async and suspense.', - keywords: ['context', 'transitions', 'suspense', 'ryanstreams'], - author: 'Ryan Carniato', - author_url: 'https://www.youtube.com/channel/UCLLVlcmcCP4CUe7xSqVEnxw', - type: ResourceType.Video, - categories: [ResourceCategory.Educational], - published_at: 1631894400000, - }, - { - link: 'https://www.youtube.com/watch?v=0zadjVUV7zM', - title: 'Streaming SolidJS - Server Rendering', - description: 'Ryan talks about Server Rendering with SolidJS Framework', - keywords: ['ssr', 'streaming', 'ryanstreams'], - author: 'Ryan Carniato', - author_url: 'https://www.youtube.com/channel/UCLLVlcmcCP4CUe7xSqVEnxw', - type: ResourceType.Video, - categories: [ResourceCategory.Educational], - published_at: 1632499200000, - }, - { - link: 'https://www.youtube.com/watch?v=b9e7VXs_A4s', - title: 'Fine-Grained Reactivity', - description: - 'Ryan goes over the topic of fine-grained reactivity based on my article series and answer any questions along the way.', - keywords: ['fine-grained', 'reactivity', 'ryanstreams'], - author: 'Ryan Carniato', - author_url: 'https://www.youtube.com/channel/UCLLVlcmcCP4CUe7xSqVEnxw', - type: ResourceType.Video, - categories: [ResourceCategory.Educational], - published_at: 1631296862000, - }, - { - link: 'https://www.youtube.com/watch?v=jnZmG4hyNas', - title: 'First look at DOM Expressions', - description: 'Overview of the universal reactive renderer that powers SolidJS.', - keywords: ['expressions', 'dom', 'ryanstreams'], - author: 'Ryan Carniato', - author_url: 'https://www.youtube.com/channel/UCLLVlcmcCP4CUe7xSqVEnxw', - type: ResourceType.Video, - categories: [ResourceCategory.Educational], - published_at: 1630713600000, - }, - { - link: 'https://www.youtube.com/watch?v=P_attYd04-0', - title: 'Intro to SolidJS in 20 Minutes', - description: 'Full stack developer walks through SolidJS is 20 minutes.', - keywords: ['introduction', 'learning'], - author: 'Alex Merced', - author_url: 'https://www.youtube.com/channel/UCoc4UCEetAt3htM3hV1dQgQ', - type: ResourceType.Video, - categories: [ResourceCategory.Educational], - published_at: 1633369644000, - }, - { - link: 'https://www.youtube.com/watch?v=UPhx3OxUH0w', - title: 'Streaming SolidJS - First look at Astro', - description: 'Ryan takes a look at what Astro is all about with Solid.', - author: 'Ryan Carniato', - author_url: 'https://www.youtube.com/channel/UCLLVlcmcCP4CUe7xSqVEnxw', - keywords: ['astro', 'streaming', 'ryanstream'], - type: ResourceType.Video, - categories: [ResourceCategory.Educational, ResourceCategory.BuildUtilities], - published_at: 1633110444000, - }, - { - link: 'https://www.youtube.com/watch?v=YxroH_MXuhw', - title: 'Streaming SolidJS: Routing', - description: - "Looks at control flow and routing in Solid and the approach we've taken with Solid App Router.", - keywords: ['introduction', 'control flow', 'routing', 'stream', 'ryanstreams'], - author: 'Ryan Carniato', - author_url: 'https://www.youtube.com/channel/UCLLVlcmcCP4CUe7xSqVEnxw', - type: ResourceType.Video, - categories: [ResourceCategory.Educational, ResourceCategory.Routers], - published_at: 1633752000000, - }, - { - link: 'https://www.youtube.com/watch?v=Q0mXYbA86Qo', - title: 'Islands, Partial Hydration, & JavaScript Frameworks', - description: - 'Ryan explores the ideas of islands, islets, and partial hydration, and look at what frameworks like Marko, Astro, and Qwik are attacking this.', - keywords: ['islands', 'islets', 'hydration', 'ryanstreams'], - author: 'Ryan Carniato', - author_url: 'https://www.youtube.com/channel/UCLLVlcmcCP4CUe7xSqVEnxw', - type: ResourceType.Video, - categories: [ResourceCategory.Educational, ResourceCategory.Routers], - published_at: 1634326849000, - }, - { - link: 'https://www.youtube.com/watch?v=Yi_MJ8cVCCs', - title: 'Streaming SolidJS - Benchmarking and Custom Renderers', - description: - 'The history of JavaScript framework benchmarking and the new custom renderer API coming in Solid 1.2.0', - keywords: ['custom render', 'benchmarking', 'performance', 'ryanstreams'], - author: 'Ryan Carniato', - author_url: 'https://www.youtube.com/channel/UCLLVlcmcCP4CUe7xSqVEnxw', - type: ResourceType.Video, - categories: [ResourceCategory.Educational, ResourceCategory.Routers], - published_at: 1635047498000, - }, - { - link: 'https://www.youtube.com/watch?v=O2kFXlNSdn0', - title: 'Streaming SolidJS - Netlify and Vercel and Cloudflare, Oh My!', - description: - "This stream looks at what deployment is like on different platforms. And reflect on the work we've been doing with adapters in Solid Start.", - keywords: ['netlify', 'vercel', 'cloudflare', 'deployment', 'ryanstreams'], - author: 'Ryan Carniato', - author_url: 'https://www.youtube.com/channel/UCLLVlcmcCP4CUe7xSqVEnxw', - type: ResourceType.Video, - categories: [ResourceCategory.Educational], - published_at: 1636779600000, - }, - { - link: 'https://www.youtube.com/watch?v=ZZ-a7B761Ds&list=PLz8Iz-Fnk_eTpvd49Sa77NiF8Uqq5Iykx', - title: 'Learn With Jason', - description: - 'In this episode, Ryan Carniato will teach us how to get started with our first SolidJS app!', - keywords: ['netlify', 'vercel', 'cloudflare', 'deployment', 'ryanstreams'], - author: 'Jason Lengstorf', - author_url: 'https://www.youtube.com/channel/UCnty0z0pNRDgnuoirYXnC5A', - type: ResourceType.Video, - categories: [ResourceCategory.Educational], - published_at: 1638507600000, - }, - { - link: 'https://www.youtube.com/watch?v=Hdc5QqPfFH8&t=21s', - title: 'Streaming SolidJS - Concurrent Rendering without a Virtual DOM', - description: - "I'm no stranger to skeptics. But today I hope to lay to rest the myth that the VDOM is the only game in town.", - keywords: ['streaming', 'concurrent', 'rendering', 'ryanstreams'], - author: 'Ryan Carniato', - author_url: 'https://www.youtube.com/channel/UCLLVlcmcCP4CUe7xSqVEnxw', - type: ResourceType.Video, - categories: [ResourceCategory.Educational], - published_at: 1637367008000, - }, - { - link: 'https://www.youtube.com/watch?v=WE5rIOX12gs', - title: 'Introduction to SolidJS - SolidJS vs ReactJS', - description: - 'This video is a small introduction to Solid JS framework with a help of a small todo App.', - keywords: ['intro', 'react'], - author: 'dotJS', - author_url: 'https://www.youtube.com/channel/UCcSeQUrdrNObZqyqMD-913g', - type: ResourceType.Video, - categories: [ResourceCategory.Educational], - published_at: 1637810770000, - }, - { - link: 'https://www.youtube.com/watch?v=wre8TPir36s', - title: 'Reactive Primitives in Solid JS', - description: - 'This video is about different SolidJS reactive primitives. How to use them in a an application.', - keywords: ['intro', 'primitives'], - author: 'dotJS', - author_url: 'https://www.youtube.com/channel/UCcSeQUrdrNObZqyqMD-913g', - type: ResourceType.Video, - categories: [ResourceCategory.Educational, ResourceCategory.Primitives], - published_at: 1637810770000, - }, - { - link: 'https://www.youtube.com/watch?v=Off4L7NJgA0&t=29534s', - title: 'JS Conf India Online 2021: The Future is Reactive', - description: - 'Ryan introduces the concept of reactivity and describes why it is the future of UI.', - keywords: ['netlify', 'jsonf', 'india', 'reactivity', 'ryanstreams'], - author: 'JSConf India', - author_url: 'https://www.jsconf.in/', - type: ResourceType.Video, - categories: [ResourceCategory.Educational], - published_at: 1638576320000, - }, - { - link: 'https://www.youtube.com/watch?v=s_Fs4AXsTnA', - title: 'Micro-Frontends in Just 10 Minutes', - description: - 'Take ten minutes to create three applications using Module Federation to create and share a Micro-Frontend between SolidJS and React.', - keywords: ['micro', 'front-end', 'react', 'module', 'federation'], - author: 'JSConf India', - author_url: 'https://www.jsconf.in/', - type: ResourceType.Video, - categories: [ResourceCategory.Educational], - published_at: 1634192389000, - }, - { - link: 'https://www.youtube.com/watch?v=70w-UoEu3Ss', - title: 'SolidJS with Ryan Carniato', - description: - 'Ryan Carniato tells us all about SolidJS, a declarative, efficient, and flexible JavaScript library for building user interfaces.', - keywords: ['logrocket', 'solid', 'react', 'module', 'federation'], - author: 'LogRocket', - author_url: 'https://www.youtube.com/channel/UCktI_HQAkbr-tJbdWnQ_osw', - type: ResourceType.Video, - categories: [ResourceCategory.Educational], - published_at: 1630482701000, - }, - { - link: 'https://www.youtube.com/watch?v=CQm52h3Ukng', - title: 'A First Look at Remix', - description: 'Ryan takes a deep dive into Remix.', - keywords: ['remix', 'ryanstreams'], - author: 'Ryan Carniato', - author_url: 'https://www.youtube.com/channel/UCLLVlcmcCP4CUe7xSqVEnxw', - type: ResourceType.Video, - categories: [ResourceCategory.Educational], - published_at: 1638521693000, - }, - { - link: 'https://www.youtube.com/watch?v=FB_kBYO_vIw', - title: 'Compilation in JavaScript Frameworks', - description: 'Ryan covers the topic of JavaScript compilers.', - keywords: ['compilers', 'js', 'ryanstreams'], - author: 'Ryan Carniato', - author_url: 'https://www.youtube.com/channel/UCLLVlcmcCP4CUe7xSqVEnxw', - type: ResourceType.Video, - categories: [ResourceCategory.Educational], - published_at: 1639126493000, - }, - { - link: 'https://www.twitch.tv/videos/1275982315', - title: 'SolidJS - a Reactive Framework w/ Author Ryan Carniato', - description: 'Ryan talks about the start of Solid and walks us through why its so special.', - keywords: ['coderpad', 'reactivity'], - author: 'CoderPad', - author_url: 'https://www.twitch.tv/coderpad', - type: ResourceType.Video, - categories: [ResourceCategory.Educational], - published_at: 1642791417000, - }, - { - link: 'https://www.youtube.com/watch?v=6CnjpXSZXXk', - title: 'SolidJS loops are better than React', - description: "A video that compares React Array.map with Solid's component.", - keywords: ['for', 'loop', 'reactivity'], - author: 'Basarat Codes', - author_url: 'https://www.youtube.com/channel/UCGD_0i6L48hucTiiyhb5QzQ', - type: ResourceType.Video, - categories: [ResourceCategory.Educational], - published_at: 1642791417000, - }, - { - link: 'https://www.youtube.com/watch?v=Jn5e1NYFfN4', - title: 'Regaining JavaScript Performance in your Website', - description: - 'PurrfectDev has Ryan Carniato on to talk about SolidJS and performance on your website.', - keywords: ['for', 'loop', 'reactivity'], - author: 'PurrfectDev', - author_url: 'https://codingcat.dev/', - type: ResourceType.Video, - categories: [ResourceCategory.Educational], - published_at: 1646203243000, - }, - { - link: 'https://www.youtube.com/watch?v=Bwjm4asSAMo', - title: 'SolidJS with ArcGIS API for JavaScript', - description: 'Looks at how easy it is to use with the ArcGIS API for JavaScript', - keywords: ['arcgis', 'rene rubalcave'], - author: 'Rene Rubalcava', - author_url: 'https://www.youtube.com/channel/UCo7tc3KZgH4GMUcqcSFBLOQ', - type: ResourceType.Video, - categories: [ResourceCategory.Educational], - published_at: 1649400779000, - }, - { - link: 'https://www.youtube.com/watch?v=tcwe85p7M9c', - title: "Petite Solid?! Let's build a Micro View Library", - description: - 'The question of this functionality in Solid has come up a few times and I thought it would be fun to explore. What this really is, is a throwback to the early days of frontend frameworks.', - keywords: ['petitsolid', 'small', 'petit', 'ryanstreams'], - author: 'Ryan Carniato', - author_url: 'https://www.youtube.com/c/RyanCarniato9/videos', - type: ResourceType.Video, - categories: [ResourceCategory.Educational], - published_at: 1641542174000, - }, - { - link: 'https://www.youtube.com/watch?v=lsWXyyEsw7E&t=1838s', - title: 'Solid Three, Custom Renderers, and SolidStart w/ Nikhil Saraf', - description: - "Tonight I'm excited to be joined by the creator of a few really cool projects in the Solid ecosystem and one of main contributors to upcoming SolidStart Metaframework.", - keywords: ['three', 'three.js', 'custom renderer', 'renderer', 'ryanstreams'], - author: 'Ryan Carniato', - author_url: 'https://www.youtube.com/c/RyanCarniato9/videos', - type: ResourceType.Video, - categories: [ResourceCategory.Educational], - published_at: 1643356574000, - }, - { - link: 'https://www.youtube.com/watch?v=ZVKHxm1-g3E', - title: 'SolidScript?! Using Compilation for Syntax', - description: - 'Everyone seems to have their own preferences when it comes to syntax. Some like it explicit. Some implicit. Fortunately, with the right primitives, it is easy to tailor it to what you want.', - keywords: ['solidscript', 'compilation', 'syntax', 'ryanstreams'], - author: 'Ryan Carniato', - author_url: 'https://www.youtube.com/c/RyanCarniato9/videos', - type: ResourceType.Video, - categories: [ResourceCategory.Educational], - published_at: 1647586574000, - }, - { - link: 'https://www.youtube.com/watch?v=REXtIuAJ3dE', - title: 'Breaking Down the Web /w Dan Jutan', - description: - 'Dan Jutan, Solid Core Team member in charge of Documentation, joins Ryan to help give context for a lot of the topics he covers on stream.', - keywords: ['breaking down', 'hydration', 'ssr', 'web', 'streaming', 'ryanstreams'], - author: 'Ryan Carniato', - author_url: 'https://www.youtube.com/c/RyanCarniato9/videos', - type: ResourceType.Video, - categories: [ResourceCategory.Educational], - published_at: 1650670987000, - }, - { - link: 'https://www.youtube.com/watch?v=iR5T2HefqKk', - title: 'Breaking Down Hydration w/Dan Jutan', - description: 'Want to know what Partial, Progressive, and Resumable means?', - keywords: ['breaking down', 'hydration', 'ssr', 'web', 'streaming', 'ryanstreams'], - author: 'Ryan Carniato', - author_url: 'https://www.youtube.com/c/RyanCarniato9/videos', - type: ResourceType.Video, - categories: [ResourceCategory.Educational], - published_at: 1651290187000, - }, - { - link: 'https://www.youtube.com/watch?v=WSvmEG7HPyE', - title: "SolidJS - Why Doesn't React Just Work like This", - description: `Solid is close enough to React that you'll pick it up quickly, so let's build something with the framework.`, - keywords: ['learning', 'starter', 'reactivity', 'planet'], - author: 'Planet of the Web', - author_url: 'https://www.youtube.com/channel/UCnd308ZWP--wV2-_j3LZU9A', - type: ResourceType.Video, - categories: [ResourceCategory.Educational], - published_at: 1652280016000, - }, - { - link: 'https://www.youtube.com/watch?v=O4sgwuMQns0', - title: 'The story of Solid JS and How its Different', - description: 'Ryan joins ThePrimeagen to discuss Solid and where it has come from.', - keywords: ['history', 'story', 'solid', 'ryan'], - author: 'ThePrimaegen', - author_url: 'https://www.youtube.com/c/ThePrimeagen', - type: ResourceType.Video, - categories: [ResourceCategory.Educational], - published_at: 1654277076000, - }, - { - link: 'https://www.youtube.com/watch?v=A_dUsSzxwkI', - title: 'What is SolidJS (vs React and Svelte)?', - description: - 'What is Solid JS, the relative newcomer to the JavaScript frameworks scene, and what is it worth versus React or Svelte?', - keywords: ['solid', 'introduction', 'react', 'svelte', 'comparison'], - author: 'KodapsAcademy', - author_url: 'https://www.youtube.com/c/KodapsAcademy', - type: ResourceType.Video, - categories: [ResourceCategory.Educational], - published_at: 1654635600000, - }, - { - link: 'https://www.youtube.com/watch?v=4Xnt2ASdFbA', - title: 'Pourquoi Solid JS (vs React & Svelte)?', - description: `Solid JS ressemble en surface à React, et sous la surface, à Svelte. Qu'apporte ce framework de plus que la pléthoire de frameworks qui existent déjà, ou que le framework dominant qu'est React ?`, - keywords: ['solid', 'introduction', 'react', 'svelte', 'comparison', 'fr'], - author: 'Kodaps - apprendre à coder', - author_url: 'https://www.youtube.com/channel/UCzdX32OIhpfrdxQRhN2s98w', - type: ResourceType.Video, - categories: [ResourceCategory.Educational], - published_at: 1653598800000, - }, - { - link: 'https://www.youtube.com/watch?v=4KY8qIkJeSw', - title: 'Ryan Carniato — SolidJS - Getting Started (HolyJS 2022)', - description: - 'In this talk, Ryan will introduce SolidJS a JavaScript UI framework built on fine-grained reactivity and compiled JSX.', - keywords: ['solid', 'introduction', 'ryanstreams', 'holyjs'], - author: 'HolyJS', - author_url: 'https://holyjs.ru/en', - type: ResourceType.Video, - categories: [ResourceCategory.Educational], - published_at: 1653512400000, - }, - { - link: 'https://www.youtube.com/watch?v=YJaaAZswOcg', - title: 'SolidJS #2: state management and custom components', - description: - 'In this video we will create custom components, we will analyze a couple of patterns to share the state between components and we will refactor the application that was created in the first video about Solid.', - keywords: ['solid', 'state-management'], - author: 'Fabio Biondi', - author_url: 'https://www.youtube.com/c/FabioBiondi', - type: ResourceType.Video, - categories: [ResourceCategory.Educational], - published_at: 1654030800000, - }, - { - link: 'https://www.youtube.com/watch?v=Ilf34WjMBkU', - title: `FAQ: Why doesn't my early return work in Solid?`, - description: `Dan explains why early returns don't work in Solid the same way they work in React`, - keywords: ['faq', 'early-return', 'control-flow', 'react'], - author: 'Dan Jutan (Jutanium)', - author_url: 'https://twitter.com/jutanium', - type: ResourceType.Video, - categories: [ResourceCategory.Educational], - published_at: 1652907600000, - official: true, - }, - { - link: 'https://www.youtube.com/watch?v=JWcorrKWRgY', - title: 'SolidJS Intro in 5 minutes (for React Developers)', - description: `SolidJS is a "new" (5 years old) UI library with an API very similar to React that is gaining more and more popularity on Twitter and GitHub (20k stars), and which, in my opinion, is exactly how React should work.`, - keywords: ['solid', 'introduction', '5-minutes', 'react'], - author: 'Fabio Biondi', - author_url: 'https://www.youtube.com/c/FabioBiondi', - type: ResourceType.Video, - categories: [ResourceCategory.Educational], - published_at: 1653685200000, - }, - { - link: 'https://www.youtube.com/watch?v=0efOc8D39Ow', - title: 'Gentle introduction to SolidJS by Kajetan Swiatek', - description: `This talk serves as a gentle introduction to SolidJS. During the event, you’ll hear about basic concepts behind the framework and what makes it stand out - all based on a real-world example of a small feature that’ll be live-coded in front of you.`, - keywords: ['solid', 'introduction'], - author: 'Kajetan Swiatek / Engineering Community', - author_url: 'https://www.youtube.com/channel/UCARnxsw8cR-dsuOG_2YMEjg', - type: ResourceType.Video, - categories: [ResourceCategory.Educational], - published_at: 1654117200000, - }, - { - link: 'https://www.youtube.com/watch?v=WDodWU-B-aY', - title: 'SolidJS Crash Course - Better Than React!', - description: `SolidJS is the framework React has always wanted to be. In this SolidJS tutorial, we'll learn state management, routing, data fetching, use of components, web storage and more!`, - keywords: ['solid', 'introduction', 'react'], - author: 'Ebenezer Don', - author_url: 'https://www.youtube.com/c/EbenezerDon', - type: ResourceType.Video, - categories: [ResourceCategory.Educational], - published_at: 1654030800000, - }, - { - link: 'https://www.youtube.com/watch?v=NGqoq5D_rEE&t', - title: '5 React Alternatives You Should Know', - description: `If not React, then what should we use instead? Flutter? Angular? Solid-JS? Vue? Svelte? VanillaJS? Web Components? Let's talk pros, cons and career impact.`, - keywords: ['solid', 'react', 'svelte', 'vue', 'comparison'], - author: 'Jack Herrington', - author_url: 'https://www.youtube.com/c/JackHerrington', - type: ResourceType.Video, - categories: [ResourceCategory.Educational], - published_at: 1653944400000, - }, - { - link: 'https://www.youtube.com/watch?v=dOgnQ9SuKYk', - title: 'SolidJS: Past, Present, Future', - description: `The one thing that surprises new people about SolidJS is just how long I've been working on it. It completely shifts the perspective. So in this stream, I'm going to cover everything Solid from the first commit in a private repo in 2016, how Solid is already redefining how the whole industry is building the web for the future, and give insights into how that future is shaping up.`, - keywords: ['solid', 'ryanstreams', 'history', 'future'], - author: 'Ryan Carniato', - author_url: 'https://www.youtube.com/c/RyanCarniato9', - type: ResourceType.Video, - categories: [ResourceCategory.Educational], - published_at: 1654203600000, - }, - { - link: 'https://www.youtube.com/watch?v=k70vruSwQ4w', - title: '2.20 - Regaining JavaScript Performance in your Website', - description: `We have Ryan Carniato on to talk about SolidJS and performance on your website. As well as comparing Qwik, React and SolidJS.`, - keywords: ['solid', 'ryanstreams', 'performance', 'javascript'], - author: 'PurrfectDev', - author_url: 'https://www.youtube.com/c/PurrfectDev', - type: ResourceType.Video, - categories: [ResourceCategory.Educational], - published_at: 1654203600000, - }, - { - link: 'https://www.youtube.com/watch?v=GWH8CdQfN38', - title: 'Astro -- Going Fast Without JavaScript Bloat (demonstrated using Solid)', - description: `In this video, we dive into Astro and how it can help you build better websites without the big, bulky SPA, but still enable you to have interactive content.`, - keywords: ['solid', 'astro'], - author: 'Spooky Software', - author_url: 'https://www.youtube.com/channel/UCuRHr-1aqro-UWcz36hkdoQ', - type: ResourceType.Video, - categories: [ResourceCategory.Educational], - published_at: 1656363600000, - }, - { - link: 'https://www.youtube.com/watch?v=2T8M2VV1EXk', - title: 'Reactive Future: SolidJS without Compromise', - description: - 'In this video, we learn about reactive programming, reactivity, signals, derivations, reactions and oh so much more.', - keywords: ['solid', 'introduction', 'reactivity'], - author: 'Spooky Software', - author_url: 'https://www.youtube.com/channel/UCuRHr-1aqro-UWcz36hkdoQ', - type: ResourceType.Video, - categories: [ResourceCategory.Educational], - published_at: 1643580000000, - }, - { - link: 'https://www.youtube.com/watch?v=bvWCyGsKOXY', - title: 'Hydrogen & RSCs w/ Bret Little', - description: `Bret Little joins me on stream to talk and look at building apps with Shopify's Hydrogen and React Server Components.`, - keywords: ['ryanstreams', 'react', 'server-components'], - author: 'Ryan Carniato', - author_url: 'https://www.youtube.com/c/RyanCarniato9', - type: ResourceType.Video, - categories: [ResourceCategory.Educational], - published_at: 1653598800000, - }, - { - link: 'https://www.youtube.com/watch?v=2UPX0HZxXEQ', - title: 'Building SolidJS 1.4', - description: `Tonight we look at the new features coming in SolidJS 1.4, including better streaming and resource handling, improved Stores, and added compiler niceties. I won't just preview the features. We will dig into the code to see how they are implemented.`, - keywords: ['ryanstreams', 'solid', '1.4'], - author: 'Ryan Carniato', - author_url: 'https://www.youtube.com/c/RyanCarniato9', - type: ResourceType.Video, - categories: [ResourceCategory.Educational], - published_at: 1651870800000, - }, -]; - -export default videos; diff --git a/src/utils/solidex.ts b/src/utils/solidex.ts new file mode 100644 index 00000000..90f42772 --- /dev/null +++ b/src/utils/solidex.ts @@ -0,0 +1,26 @@ +import type { Accessor } from 'solid-js'; +import { createFetch } from '@solid-primitives/fetch'; +import type { Resource } from '../pages/Resources/Ecosystem'; + +export type SolidexType = 'packages' | 'resources'; +export interface SolidexResponse { + list: Resource[]; + loading: boolean; +}; + +export const createSolidexQuery = (type: SolidexType): SolidexResponse => { + const [fetch] = createFetch( + `https://api.solidjs.com/solidex/${type}`, + { + method: 'GET', + } + ); + return { + get list() { + return fetch() || []; + }, + get loading() { + return fetch.loading; + }, + }; +}; diff --git a/yarn.lock b/yarn.lock index 848e203e..f047c01a 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1110,6 +1110,11 @@ "@solid-primitives/rootless" "^0.0.101" "@solid-primitives/utils" "^0.2.1" +"@solid-primitives/fetch@^1.2.0": + version "1.2.0" + resolved "https://registry.yarnpkg.com/@solid-primitives/fetch/-/fetch-1.2.0.tgz#1a80499867298ac27efa8e5a8d248cbe408516bd" + integrity sha512-mWCSTaD2ftQx/8HHJCOzr1xF8Ue/rjb3H85NGrYyp+GGWHKeQ7NcmgFtcQgW44e3c0hdeLkmRdKe1ZdrVajoHA== + "@solid-primitives/i18n@^1.0.9": version "1.0.9" resolved "https://registry.yarnpkg.com/@solid-primitives/i18n/-/i18n-1.0.9.tgz#5738449849595e13e89f6dba1cc65f5cd62438d2"