astro-reactive
astro
astro-reactive | astro | |
---|---|---|
9 | 506 | |
80 | 42,834 | |
- | 2.8% | |
7.4 | 10.0 | |
6 months ago | 7 days ago | |
Astro | TypeScript | |
MIT License | GNU General Public License v3.0 or later |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
astro-reactive
-
Release 0.4 - Results
generate a favicon.ico for our apps This issue looks to update the favicon logo to match the current logo that they are using. My PR.
-
DPS909 Blog: Final Pull Requests
I completed my work on issue #201 and PR #224 for that issue. The PR was eventually merged into the main branch after a couple of necessary adjustments. I ended up having to adjust the querySelector in order to remove a condition. The querySelector now only selects elements with the attribute data-validation-on. This allowed me to simplify the code while only selecting elements from the page that were created by the library. Furthermore, I had to add a nullish operator to set the default event listener if there is no attribute specifying one. I also added optional chaining to check whether the attribute actually exists, to avoid any errors.
-
Release 0.4 - My Progress So Far
First, I tackled the issue here. This issue looks to update the favicon logo to match the current logo that they are using. To do this, I used the .svg logo they had and generated a favicon.ico with it. I created a pull request and had some feedback about it. I had only tested it visually using light mode and had not considered how it would look using dark mode. On dark mode, the icon had bad contrast since the it was dark blue on a dark grey background. So to fix this, I added a circular white background to the logo so that it would look good on both light and dark mode.
-
DPS909 Blog: Issue Progression
I began my work on issue #201. I was initially confused by the the description of the feature to be implemented, so I asked the project maintainer to explain it further. Another project contributor also further explained what was needed and this really helped me out. I also read up further on the Astro framework to understand how the project is put together. I started with the documentation explaining how Astro components work and read on from there.
-
Release 0.4 Planning
This week I have chosen to work on the Astro Reactive Library repo for release 0.4. I chose this repo because I have been contributing to it for the last couple of months and I am familiar with the project. I will be working on two issues:
-
DPS909 Blog: Planning Issues to Fix
I chose to work on 2 or more smaller but related issues. The issues I chose were from a project that I've previously worked on called Astro Reactive Library. This project builds components and architecture for other projects that use the Astro framework for their reactive user interfaces.
-
DPS909 Blog: External Pull Request
So after this learning process I felt comfortable looking at issues and determining which one I could tackle. I took a look at issue #140 which was related to the components used to create forms. To summarize, the way they assigned the id attribute of the tag the same value as the name. However, the project owner believed that this would cause issues since they use IDs as selectors, so the id attribute needs to be unique. The ideal solution was to create an id attribute that is not the same as the name attribute by making a function that creates a Short Unique ID (UUID). The UUID should be prefixed with arl and assigned that as the id value for every tag.
-
Making another PR to a repo
The issue was to add a setValue method to the FormGroup class. This would allow anyone using Astro to set the values of any form controls in that form group. For example:
-
My fourth Hacktoberfest PR
This week I completed my final Hacktoberfest PR. For my final PR, I chose to contribute to Astro reactive library. Astro reactive library uses the Astro framework to let you build reactive user interfaces.
astro
-
Website Optimization Using Strapi, Astro.js and OpenAI
We'll use several interesting technologies to achieve this: Strapi CMS to take care of the content management and backend, Astro which is a great new technology for quickly creating blazing fast frontend apps, and ChatGPT to provide the article summaries.
-
Composable architecture example: Go headless (best practices)
Astro
-
Building static websites
Case study 4: Astro
-
Setting up Doom Emacs for Astro Development
Astro is the new hot new web framework on the block. All the cool kids are using it. I've recently given up, drank the Kool-Aid, and gone all in on it.
-
Building a self-creating website with Supabase and AI
Built with Supabase, Astro, Unreal Speech, Stable Diffusion, Replicate, Metropolitan Museum of Art
-
The Subtle Case For and Against React
Astro to use every framework at once instead of just react? https://astro.build/
-
Run a Linux Distro in your Android device
Depending on the stack of the repository you are cloning, you might have to install additional dependencies. For this demo, I'm using my own website, which is a static website built with Astro.js. It which requires to have Node.js installed and Yarn for package manager.
-
Ask HN: Freelance website builders/maintainers, what's in your 2024 toolkit?
Database: turso [7] or neon postgres [8] with (drizzle orm) or cloudflare durable objects
1. https://github.com/withastro/astro
-
Ask HN: What's the simplest static website generator?
Maybe a bit too elaborate for your taste, but I've used https://astro.build/ and loved every bit of it.
-
How to Integrate Astro With ApostropheCMS pt. 1
Astro is an open-source JavaScript framework known for its versatility, performance, and new approach to web development. It enables developers to create fast, modern, content-rich web applications and sites using the "Bring Your Own Framework" (BYOF) model.
What are some alternatives?
astro-seo-meta - Astro component to add tags that are relevant for search engine optimization (SEO) to your pages.
qwik - Instant-loading web apps, without effort
9speech - Speech of 9arm (wip)
vite - Next generation frontend tooling. It's fast!
gitbar-2023 - New release of gitbar website
eleventy 🕚⚡️ - A simpler site generator. Transforms a directory of templates (of varying types) into HTML.
Hugo - The world’s fastest framework for building websites.
SvelteKit - web development, streamlined
fresh - The next-gen web framework.
Nuxt.js - Nuxt is an intuitive and extendable way to create type-safe, performant and production-grade full-stack web apps and websites with Vue 3. [Moved to: https://github.com/nuxt/nuxt]
Gatsby - The best React-based framework with performance, scalability and security built in.
htmx - </> htmx - high power tools for HTML