Astro Software Incis in the Robotic Process Automation Industry

Astro Software Inc

Someone recently asked me how to use with , to which I responded I'll create a small document for this (I'll create a pr to add this to the a little later). FormData Astro Astro docs Getting started I won't go into detail on what is, but here is a short summary FormData [is an] interface [which] provides a way to easily construct a set of key/value pairs representing form fields and their values, which can then be easily sent using the or method. It uses the same format a form would use if the encoding type were set to . Source: FormData fetch() XMLHttpRequest.send() "multipart/form-data" MDN - FormData Basically instead of using JSON to send data to and from your server, you'd use , except unlike JSON it supports files natively. FormData For example, // 1. Create or Get a File 
/** Creating a File */
const fileContent = `Text content...Lorem Ipsium`;
const buffer = new TextEncoder().encode(fileContent);
const blob = new Blob([buffer]);
const file = new File([blob], "text-file.txt", { type: "text/plain" });
/** OR */
/** Getting a File */
const fileInput = document.querySelector("#files"); // <input id="files" type="file" multiple /> 
const file = fileInput.files.item(0);

// 2. Create FormData
const formData = new FormData();

// 3. Add File to FormData through the `file` field
formData.append("file", file); // FormData keys are called fields const file = fileInput.files.item(0); is a , which is similar but an array, to work around this you can convert the to an array of 's using fileInput.files FileList not FileList File Array.from For our use case, since we're only trying to upload one file, it'd be easier to select the first in the File FileList Learn more on and MDN - HTMLInputElement MDN - File you can also just directly use instead of using an element Note: FileReader <input /> Usage There are 2 ways to support in ; the easy and the hard way, I'll show you both. FormData Astro : both the easy and hard way require to be configured in mode Note Astro server (SSR) import { defineConfig } from 'astro/config';

// https://astro.build/config
export default defineConfig({
output: 'server',
}); Easy Way The requires you to create a new file that will act as your endpoint, for example, if you wanted a endpoint, you would create a file in . easy way .ts /upload .ts src/pages Read 's official docs on to learn more Astro File Routes Your basic file tree should look like this after creating your endpoint src/
 pages/
   upload.ts
   index.astro Inside your file follow the example I gave above in , on getting up and running. index.astro #getting-started FormData Once you've created an instance of and populated it with the files you'd like to upload, you then just setup a POST request to that endpoint. FormData // ...
const res = await fetch('/upload', {
  method: 'POST',
  body: formData,
});
const result = await res.json();
console.log(JSON.stringify(result)); From the endpoint side you'd then need to export a post method to handle the POST request being sent, Here is where things get complex. I recommend going through Astro's File Routes Docs import type { APIContext } from 'astro';

// File routes export a get() function, which gets called to generate the file.
// Return an object with `body` to save the file contents in your final build.
// If you export a post() function, you can catch post requests, and respond accordingly
export async function post({ request }: APIContext) {
  const formData = await request.formData();
  return {
    body: JSON.stringify({
      fileNames: await Promise.all(
        formData.getAll('files').map(async (file: File) => {
          return {
            webkitRelativePath: file.webkitRelativePath,
            lastModified: file.lastModified,
            name: file.name,
            size: file.size,
            type: file.type,
            buffer: {
              type: 'Buffer',
              value: Array.from(
                new Int8Array(await file.arrayBuffer()).values()
              ),
            },
          };
        })
      ),
    }),
  };
} The basics of what's happening here are fairly simple, but the code all put together seems rather complex, so let's break it down. First, the exported post function handles POST requests as its name suggests, meaning if you send a get request and don't export a get function an error will occur. what?! Yeah, I too recently learned that supports this out of the box, which is awesome. export async function post() { ... } Astro W3Schools cover fairly well, take a look at their article if you're not familiar with POST and GET requests POST and GET Let's first talk about the parameter. As it's name suggests is an instance of the class which includes all the methods that supports, including a method for transforming said request into you can work with. request request Request Request FormData // ...
export async function post({ request }: APIContext) {
  const formData = await request.formData();
  // ...
} Using you can get all the instances of a specific field ( keys are called fields), for example, get all 's in the field. formData FormData File file // ...
export async function post({ request }: APIContext) {
  const formData = await request.formData();
  return {
    body: JSON.stringify({
      // getAll('file') will return an array of File classes
      fileNames: formData.getAll('file'),
    }),
  };
} The problem with this solution is that it will return due to being unable to convert classes to a string {"fileNames":[{}]} JSON.stringify File To deal with this formatting issue we need to format the 's array properly, File // ...
export async function post({ request }: APIContext) {
  const formData = await request.formData();
  return {
    body: JSON.stringify({
      // getAll('files') will return an array of File classes
      fileNames: formData.getAll('files').map(async (file: File) => {
          return {
            webkitRelativePath: file.webkitRelativePath,
            lastModified: file.lastModified,
            name: file.name,
            size: file.size,
            type: file.type,
            buffer: { /* ... */ }
          };
        }),
    }),
  };
} The last part is converting into data that is easy to work with, for this case using arrays to represent buffers works rather well, so we just do some conversion, ArrayBuffers // ...
export async function post({ request }: APIContext) {
  const formData = await request.formData();
  return {
    body: JSON.stringify({
      // getAll('file') will return an array of File classes
      fileNames: formData.getAll('file').map(async (file: File) => {
          return {
            // ...
            buffer: {
              type: 'Buffer',
              value: Array.from(
                new Int8Array(
                  await file.arrayBuffer()
                ).values()
              ),
            },
          };
        }),
    }),
  };
} That's the . Using baked in to act as an endpoint for your . easy way Astro's file routes FormData To actually run with the endpoint all you need is Astro /upload npm run dev You can view a demo of the on , and easy way Stackblitz CodeSandbox GitHub Hard Way The requires you to use the middleware together with , in order to make the integration support requests. hard way multer expressjs @astrojs/node FormData The mostly builds on the , except instead of a file, you would instead use a file in the root directory to define your endpoints, so, your file structure would look more like this, hard way #easy-way src/pages/upload.ts server.mjs src/
 pages/
   index.astro
server.mjs The core of the occurs inside . should look like this by the end of this blog post hard way server.mjs server.mjs import express from 'express';
import { handler as ssrHandler } from './dist/server/entry.mjs';
import multer from 'multer';

const app = express();
app.use(express.static('dist/client/'));
app.use(ssrHandler);

const upload = multer();
app.post('/upload', upload.array('file'), function (req, res, next) {
  // req.files is an object (String -> Array) where fieldname is the key, and the value is array of files
  //
  // e.g.
  // req.files['avatar'][0] -> File
  // req.files['gallery'] -> Array
  //
  // req.body will contain the text fields, if there were any
  console.log(req.files);
  res.json({ fileNames: req.files });
});

app.listen(8080); When you build an project in mode (e.g. ), will automatically generate a file, it's this file that allows us to build our own custom nodejs server and then run off this server. Astro server (SSR) npm run build Astro dist/server/entry.mjs Astro For this specific use case we are using for the server, and to enable support in we need the middleware, so if you're familiar with at all this should look familiar, express FormData express multer express import express from 'express';
import { handler as ssrHandler } from './dist/server/entry.mjs';

const app = express();
app.use(express.static('dist/client/'));
app.use(ssrHandler);

// ...
app.listen(8080); The enables to run on the server, for the most part it can be treated like any other middleware and ignored. ssrHandler Astro express express If you're not familiar with the code snippet above, please go through , it'll make the rest of the explanation easier to understand Note: express' documentation The real interesting part is where and meet. multer express By using a POST request handler we are able to recieve POST requests made to the endpoint and respond back with the parsed results, but unlike in the , is able to handle all the formatting allowing responses to be as expected. /upload FormData #easy-way express File // ...
import multer from 'multer';

const app = express();
// ...

const upload = multer();
app.post('/upload', upload.array('files'), function (req, res, next) {
  // req.files is an object (String -> Array) where fieldname is the key, and the value is array of files
  //
  // e.g.
  // req.files['avatar'][0] -> File
  // req.files['gallery'] -> Array
  //
  // req.body will contain the text fields, if there were any
  console.log(req.files);
  res.json({ fileNames: req.files });
});

app.listen(8080); Response to POST request express That's the . Using mode together with and to create the endpoint which supports . hard way Astro's SSR express multer /upload formData To actually run you need to do a bit more than you'd need for the Astro #easy-way Install and -> express multer npm install express multer Build handler -> Astro npm run build Run -> server.mjs node server.mjs The may seem easier, but that is due to having done alot of the prep work in the , it is actually more overall work than the easy way. hard way #easy-way You can view a demo of the on , and hard way Stackblitz CodeSandbox GitHub Conclusion There are 2 ways of using with , either the or the . FormData Astro easy way hard way The is to use baked in to act as an endpoint for your POST requests. easy way Astro's File Routes FormData The is to use mode together with and to create a endpoint which supports . hard way Astro's SSR express multer /upload FormData There is no right way, but I will recommend the as it is easier and less confusing to work with overall. easy way by on . Photo Caleb Jack (@hitthetrailjack) Unsplash Originally published on but also on blog.okikio.dev dev.to

Upload Files Easily and Quickly in NodeJS Using Astro

Introduction Launching a dapp may not be as hard as launching a rocket… but it’s no moonwalk, either. A dapp, portmanteau of “decentralized app,” is any app that runs on decentralized infrastructure, like on Ethereum. For your coding pleasure, our team is happy to present Muttniks, a friendly Ethereum space doggo “kernel” (or kennel) that you can build from the comfort of your spacecraft. Muttniks is an open source sample dapp, built to guide you through our exciting journey with Astro Ledger. Like the real stars and planets featured on , you can securely adopt, name, and trade Ethereum space doggos with Muttniks (and then donate your testnet ETH to build more monuments). The following is a step-by-step technical exploration of the inner workings of Astro Ledger, which you can recreate on your local machine with Muttniks. astroledger.org Laika Muttniks was the “pet” project of Astro Ledger CWM (Chief Wow Muttniks) . Thanks Tony! Tony This star’s Henry Draper catalog number is HD137052. ’. It has been named ‘Tlon Keeping Track of Stars & Muttniks In order to assign names to actual stars, we needed a way to uniquely identify them. For this we used the Henry Draper Catalog of the brightest stars in the sky, with meta-information provided by the from The Astronomy Nexus. HYG database Our specially selected Muttniks have no such prior catalog so we pseudo-randomly assigned each Muttnik a number, 1–6. The meta-information about each Muttnik (name and image) is loaded into the database in this . Our Astro Ledger creative content (spearheaded by Chief Chocolate Dehydrator ) and image links are similarly loaded into the database, with SQL code created by offline Python scripts that load data from HYG and other sources. Flyway migrations file Aleeza When a Muttnik is added to a database, we use a to add the same Muttnik to the contract, putting it up for adoption. For Astro Ledger stars, those same offline Python scripts create corresponding Truffle migration scripts to create stars and put them up for space-grant-supporting-auctions at the price of about a dollar. Truffle migration script Contract & Events: Creating and Adopting The Muttniks are stored in a where each pet has an address variable for the adopter, initialized to address(0), and a boolean variable exists to distinguish this pet from one that hasn’t been created yet. “pets” mapping The function createAdoptee is used by the owners to create each Muttnik in the contract. This is typically done in batch with a , but could be called by any function. Adoption happens via the adopt function, which checks to see that the Muttnik hasn’t already been adopted before assigning the Muttnik’s address to the adopter. Adoption events are emitted so the browser can inform the astronaut/cosmonaut of the adoption when the blockchain confirms it. Muttnik Kernel Truffle migration script Contract & Events: Naming Muttniks The obvious solution to handling Muttnik (and star) names was to store the name as a variable in the contract. To find the name, folks could call a view function (for zero gas) that would return the name. However, storing data in an Ethereum contract is never a cheap operation. Because Astro Ledger’s goal is to allow anyone to be able to assign meaningful names to stars, we implemented the assignName function using instead. Names are forever stored on the blockchain as 32 bytes of data on a log of the event, but because they aren’t accessible to the Ethereum Virtual Machine (EVM), the gas cost to assign a name is almost negligible. This philosophically-motivated decision allowed us the exhilarating discovery that much of the existing software for Ethereum does not fully support event-logs, but we went to the edges of the universe to achieve a solution for pulling up the names quickly, as described later. events The owner of is well aware that changing a star’s name is not to be taken lightly… HD162004 Web Stack While Chief Rubber Taster worked on the contract and the star database, Tony began building the Astro Ledger web stack using Play! for a web framework ( ), and Postgres for the database (ol’ ). At first, Tony chose to generate HTML pages of available stars. He quickly learned that the majority of the anticipated Astro Ledger user base had settled on a browser plugin called MetaMask to talk to Ethereum blockchains, and so began sneaking in some JavaScript (including a popular library called ) into the webpages to support this. The code to generate web pages soon became a funny mix of Scala, HTML, and ES5, where all of the blockchain interactions were executed using web3js. This worked, and was fast enough in our test environment. Jonathan ol’ reliable good enough for everything Twirl web3js Though it’s probably still fair to call the main Ethereum network itself a “test environment,” deploying our app to it in our first production alpha revealed one that was far slower than even Tony’s 2014 Macbook Air. This was particularly true for the for-loops we used in our contract to search for a user’s star cards, which were executed individually in the user’s web browser whenever they went to our page (note that, to guard against this performance hit, the uses no for-loops). To prevent expensive, redundant contract calls, we decided to move some of these queries to the Scala side of things, where they’d execute once on our Heroku instance every few minutes, and then be accessible to a user’s web browser without it having to call any contract code itself. Muttniks Solidity code isn’t for sale, but it’s hot enough to melt your heart. Jellybean This was great for querying a user’s star cards, but things became interesting when we needed to query the names that they assigned to stars. As mentioned earlier, rather than put these names in contract storage as we did with auctions and card ownership, we chose to keep a record of star names using Ethereum events: this was intended as a . So why not cache on our server? As we soon discovered, (a library similar to web3js that we used for querying the blockchain in Scala) on Infura, the free client we used for accessing the main Ethereum network. Web3js support querying events in the user’s browser, but this had even worse performance effects on the browser than querying ownership, because it would poll the blockchain every second or so to get event information (web3js 1.0 ). less expensive form of storage these web3j did not support filters did has since addressed this To get a better handle on things, we decided to go closer to the source. In earlier investigations, Tony had coded up some Clojure code to talk directly to Infura’s RPC endpoints. With it running on our server, we could essentially do the same thing as web3js would in someone’s browser, but in one place (for $7/month) and at a longer poll interval. So, we decided to turn it into a full blown service. Coupled with Redis, this gave us our own centralized names cache, which, as with auctions and card ownership, could be accessed in someone’s browser much more quickly than if it were to query the blockchain directly itself. Single-Page In the meantime, Chief Rubber Taster Jonathan was tasting the rubber over in Tel Aviv when he met the team developing , a browser based smart-contract enabled wallet. Portis would allow folks to use Ethereum on a vanilla web browser (i.e. without MetaMask installed), including iOS or Android. However, , our initial approach of rendering web pages server-side (where clicking a link would open a brand new page) would oblige users to log in over and over again whenever they navigated anywhere on our site. The solution was to migrate to a that could be downloaded all at once in a user’s web browser, to provide full functionality without a user ever having to refresh the page or log in again. Portis since the Portis library only stored user credentials in browser memory single page application Easily accessing astroledger.org with Portis, so we can add to our star collection. Libre To accomplish this, we settled on , since it afforded us the ability to easily use another popular library, to interoperate with web3js in a singly-paged way. However, The Drizzle library itself relied on web3js 1.0, which at the time . We eventually abandoned Drizzle, but continued on with React. React Drizzle-React was not fully compatible with MetaMask Muttniks! Muttniks is a pared down version of the Astro Ledger app, available here: https://github.com/tlazenka/muttniks To get started with Muttniks, head over to the ! The overall structure can be gleaned from the , and by drilling down into each service’s individual list of dependencies (note that some dependencies aren’t relevant to Muttniks, but were used by Astro Ledger). is a convenient tool that lets you package up all these fun little services so you can easily launch them together. cheat sheet docker compose file Docker compose Docker Compose Services app The main Scala app that sits atop Postgres. When the app is started, it runs the database migrations if needed with , and then from the resulting schema. A periodic task is scheduled with to query the blockchain with web3j and update the Postgres database. Flyway Slick generates the case classes Akka db/redis The Postgres/Redis databases. jobs The Clojure service that sits atop Redis. When started, it schedules a task with to periodically query the local Ethereum blockchain, and caches the results in Redis using . Quartzite Carmine sbt/lein Centos images that map sbt/ivy2/m2 directories to your local machine to speed up dependency downloads. truffle A Truffle service for compiling the Ethereum contract and running the tests. ganache A Ganache service used here for a local development blockchain. react The React version of the website. web3j A web3j image that includes the for generating code from the Truffle JSON artifacts. command line tools firefox A service with a Firefox browser plus MetaMask that you can access using VNC, you don’t want to install MetaMask in your own browser. Wrap-Up In case you are struggling for a reason why Muttniks needs to be on any blockchain… you are not alone in the universe. However, let’s suspend disbelief and say that the gray area of “ownership over the naming privileges of non-existing Soviet dogs long gone to the happy hunting ground in the sky” needs to be codified in some way… This vegetating llama could be vegetating on blockchain… Photo by Cheryl Strahl You can put literally anything countable on blockchain! is just one of needing a name… HD16620 many awesome stars We are really happy with how the framework runs and would love to hear about how Muttniks has helped you to put vegetating llamas on blockchain, or maybe adopt every single Amur Leopard on blockchain, or perhaps slam slowly slaloming snails… yes, on blockchain!!! If you are having any difficulty with your implementations, just radio for help. The would be happy to work with you — shoot an email to . Astro Ledger team groundcontrol@astroledger.org And if you just can’t get enough Muttniks, don’t forget to beam over to and try naming some blockchain stars! astroledger.org

Muttniks: An open source dapp to show you how we built Astro Ledger

Dedicated to BakkaPhoenix Books

306 Stories To Learn About Webdev

Let's learn about via these 65 free stories. They are ordered by most time reading created on HackerNoon. Visit the to find the most read stories about any technology. Vue /Learn Repo 1. What is the Difference Between the Composition and Options API in Vue? Understand how the newer Composition API in Vue3 differs from the Vue 2 methodology, known as the Options API. 2. How to Use .env Environment Variables in Vue Vue.js also lets us use .env variables, but it works slightly differently. So let's look at how to use .env variables in Vue. 3. How to Set Default Value of Props in Vue? Sometimes properties require default values to avoid code breaking errors when designing components in Vue. Let's look at how to give props default values. 4. How to Use Bulma And VueJS Together Bulma is a free, open-source CSS framework based on Flexbox and used by more than 200,000 developers. It's the easiest to learn (my opinion) due to its natural naming of classes and a simple grid system. It's not that popular like Bootstrap, but it got a specific fanbase. 5. An Essential Guide to Re-rendering Vue Routes When Path Parameters Change In single-page apps that use the Vue Router, it is common to create a path parameter that changes the behavior of a route. A common problem occurs when a user alters the path manually in the address bar. Manually changing the URL does not rerender the view! This can cause unexpected behavior because mounted() hooks don't fire and nested components don't reload. 6. What Is the Difference Between the Created and Mounted in Vue? Both created and mounted seem to do the same thing in Vue, but there are differences. Let's look at when to use created and mounted in Vue. 7. The State of Vue 2022: What Has Changed In The Last 12 Months Check the latest statistics on the usage of Vue and learn why this framework is growing in popularity. 8. Better Application Acceptance With LogRocket Application Acceptance 9. 4 Difficulties You Might Encounter When Using Vue-i18n Problems I have encountered when trying to use vue-i18n library for internationalization of my app, and how fluent-vue solves them. 10. Automatic Image Optimization Using the Nuxt Image Component with imgix See how you can use imgix and the Nuxt Image Component to accelerate page speed, simplify image workflow, and transform images at scale. 11. Leveraging Salesforce Using a Client Written In Vue.js John Vester introduces a Vue.js client application to read data from Salesforce and process SSE-based events via SSE implementation. 12. What Noticeable Features You Should Expect in Vue v3 Release Since the release of Vue 2, Vuejs has grown rapidly. It is receiving awesome reviews from the users. Vuejs was one of the most popular Javascript front end frameworks in 2018 along with the giants like Angular and React. And now Vue 3 is all set to release. For the last few months, it has been in talks across various parts of the world. 13. Vue Lifecycle Hooks Explained Vue uses lifecycle hooks to let us call certain pieces of code at different times during the component mounting process. Let's look at how it all works. 14. An Intro to the Astro Framework: Benefits and Drawbacks Astro is a new framework, should it be one you should experiment with? Find out the features, benefits, and drawbacks that this new framework has. 15. How to Implement Face Recognition in Vue.JS with FaceIO Learn to add face recognition authentication to your web application 16. Vue Amsterdam 2022 - Part I: State of the Vuenion Overview of the Vue Eco-System in 2022. Evan You talks about Vue 3, Vue 2.7, Vue 3.3, Nuxt 3, Vuetify 3, Vite, VitePress, Volar, Vitest, etc 17. How To Set Up Vue Linting in VS Code I'm a gopher by nature, so I expect consistent styling and linting in my codebases. More importantly, though, I don't like to think about styling. I like to type haphazardly and then have my editor apply styling automatically on save (ctrl+s, cmd+s). 18. How to Navigate Between Views in Vue with Vue Router After creating an application in Vue, you'll often want it to consist of multiple views or pages. 19. npkill — The solution to deleting node_modules easily, with style Introduction 20. Lessons From Starting a New Web Service Business A company wants to start a new web service - a messaging aggregator for customer support. How do you go from an idea to a Python/Vue/Socket.IO web application? 21. Top 7 Best Frontend Development Frameworks and When To Use Them For the past few years, Frontend developers have shown partiality towards React, with Vue.js and Angular tagging behind closely. Comparative interest in Vue has held back a bit due to the long-awaited and somewhat delayed Vue 3.0 release. Similarly, the interest in Angular has decreased due to the long delay in shipping Ivy (its frontend renderer). 22. A Basic Guide to Event Handling in Vue Events are an important part of any framework, and Vue is no exception. Let's look at how events work in Vue in this cheatsheet. 23. Vue Amsterdam 2022: Part V - Reusable Widgets That Work! How to build accessible reusable widgets and reusable components with the help of ARIA (Accessible Rich Internet Application) 24. Lets Try To Solve The Problem of Web Accessibility Together Despite the fact that the Internet is 30 years old, a fair amount of the Internet is still unreachable or barely usable for visually impaired people. 25. Vue Query Builder with Cube.js - A Tutorial Quite commonly in our applications, we need to create interactive report builders to let users build custom reports and dashboards. This usually involves selecting the metrics, groupings, date ranges, filters, and chart types. To help developers build such interactive components, we've created a query builder component in Cube.js client libraries. 26. How to Get Your Dev Blog Noticed in 2021 How to write and share technical software development articles in 2021. 27. 7 jQuery-Free Admin Dashboard Templates Built with React, Vue or Angular Recently we decided to make our templates jQuery-free. Please enjoy this list of admin dashboard templates without jQuery dependencies. 28. How Pagination Works in GraphQL In this post, we'll compare different pagination methods in GraphQL and learn how to configure a REST directive to perform cursor-based pagination with StepZen 29. Nested Changes in Vue: How to Watch Out for them In Vue, we sometimes want to watch for changes of properties within properties. In this guide, let's look at how to watch for nested changes in Vue. 30. How To Serve a Vite + Vue3 Page Inside a Sub-folder Using Vue3 and Vite page inside of sub-folders. 31. How to Create Dynamic CSS Using Vue Reactive Variables If you use Vue, you might be used to having to apply different classes to tags based on the logic in your code. 32. Vue Amsterdam Conference 2022 - Part IX - Full Stack Development With Nuxt 3 and Nitro In this article, we will delve into the exciting world of full-stack development using Nuxt 3 and Nitro. 33. Vue Amsterdam 2022: Part VIII - The Nuxt Web A framework based on Vue.js, aimed to provide the best Developer Experience, to deliver the best User Experience for your end users. 34. How to Build System Documentation with VuePress Creating good documentation is essential for every product a company builds, for its users to solve specific problems they might encounter. System documentation 35. My Top Seven JavaScript Frameworks As the new year unfolds, we must catch, up on the latest technologies for 2020 that can help our businesses grow. Talking about web development, JavaScript plays a huge role in building server-side, client-side, desktop and mobile apps. Known as the primary language for web development, JavaScript can design apps aligned with many features and functionalities to develop interactive user-interfaces. With several numbers of JavaScript frameworks that are available in the market today, it can be a difficult task to choose one for your project. Before you hire a dedicated developer, let’s go through the list of the leading Frameworks that are best to use for your next project in 2020. 36. Get the Fastest Frontend Tooling Experience with Vite JS If you plan to enhance your experience in frontend development, ViteJs is the next-generation tool you should consider. Let's understand why Vite is faster. 37. Top 7 Dark-Themed Admin Templates For Your Next Project If you don’t have any definite preferences in design, you should try dark colors, because dark themes look so stylish and become more and more popular. That is why we decided to find the most amazing React, Angular and Vue admin templates with dark themes. If you ever googled admin templates then you probably know that there are tons of them and that is fine to be on the fence about which one to choose. If you are not sure whether to use admin dashboards templates or not you can read the article about the benefits of admin templates. The incorrect choice of an admin template may lead to a giant waste of time and money – so it’s the decision you should think about for a while. 38. How to Use The Vue Draggable Library to Create an Interactive Kanban Board Vue Draggable is a great library for Vue.js that makes it super simple to create interactive draggable components with virtually no effort 39. Essential Guide to Running Nuxt from an ASP.NET Core Web Application It is becoming a common pattern to see websites and web apps written as a front end single page application (SPA) connected to a backend API. For this reason, the Visual Studio provides a several project templates for getting up and going with a Web API + SPA project. 40. 8 Popular Websites That Use The Vue.JS Framework In this article, we are going to list out the most popular websites using Vue JS as their frontend framework. 41. Correct and Efficient Way to Use Vuex: Part I With this article, we begin a series of publications about Vue.js technology and try to make out the application development and all its components from different practical sides. In this part, we will tell you what the Vuex library is and analyze in detail such components as a store, state, getters, mutations, and actions. 42. Learn How to Emit Custom Events in Vue With $emit In Vue, we use $emit, which lets us send data upwards, and then trigger an event in the parent component should an $emit event be fired. 43. Falling In Love With Vue.js Vue.js is an open source JavaScript framework for creating user interfaces. Easily integrated into projects using other JavaScript libraries. It can function as a web framework that helps develop advanced one-page applications. 44. Vue Amsterdam 2022 - Part II: Getting More Out of Your Pinia Stores In this talk Eduardo goes through some of the internals of Pinia, understanding them and discovering how to enhance our usage of Pinia. 45. Making a Custom Select Component in Vue.js [A How-To Guide] Customizing the design of a select tag is notoriously difficult. Sometimes it's impossible without building your own from scratch using a combination of styled divs with custom JavaScript. In this article, you will learn how to build a Vue.js component that can be styled using completely custom CSS. 46. How I Built the Fastest E-commerce Store for a Home Decor Brand [Part 4] This is it, people! It has arrived. The most demanded article of this series! This final and Part 4 of my series on “How I Built the Fastest E-commerce Store for a Home Decor Brand” will solely focus on Web Application Performance Optimization. This article will help you with how to boost the performance of your web application along with some tips and optimization hacks to take it to the next level. If you haven't read previous parts, Here are the links: 47. Vue Amsterdam 2022: Part VII - Animating with Vue How to use the Vue magic to create awesome animations, from simple ones to more complex ones, combining Vue with animation libraries. 48. Give Your Users What They Want And You Will Become Successful: Vue.js Creator Interview Introduction 49. Vue Amsterdam 2022 - Part IV: The Unwanted Stack How to purpose changes; How to adapt ourselves in a tech stack. 50. Why You Should Learn Vue JS:  Trends and Benefits Today, we've observed a dynamic growth of frameworks, approaches, and  JS itself. Thus, investments in education are becoming even more reasonable and profitable. And learning Vue JS development services certainly deserves your attention. 51. How to Build a Web App with ASP NET Core and Vue In this article, I will teach you the basics of making your own web app, by creating a checklist app. ASP NET Core will be used to create a CRUD API and Vue will be used to create the frontend UI. Using the knowledge gained here, you should be able to apply it to start making your own web apps. You can find the complete solution in the GitHub repository. 52. Optimizing your Vue App Using v-once and v-memo We'll be looking at how we can optimize performance using two little-known Vue HTML attributes known as v-once and v-memo. 53. Angular vs React vs Vue: The Most Versatile Programming Language for 2020 Front end development has never been so popular earlier than now.  The powerful comeback of javascript has gained an enormous advantage and the single age applications easily replaced the old traditional web apps. The apps are now more powerful with the more focus over the first gate for your app, called the user interface. 54. An Example of True Test Driven Development in Vue In true TDD, tests must fail, tests must pass, and the code must be refactored. 55. Authentication in Web Apps: Connecting Auth0, ASP.NET Core and Nuxt.js User authentication and authorization can be difficult and time consuming. Getting it wrong can also have disastrous consequences, such as malicious users accessing and stealing personal or sensitive information from your app. 56. Server Side Rendering Carousels in Vue.js: Blazing Fast Loading 57. SPA Tracking & Monitoring: How to Build Better Single-Page Applications With Real User Monitoring Did you know roughly half of the users that visit your website leave if it takes more than 3 seconds to load? Optimizing your website or webapp for stellar performance is always a crucial goal for any software-based business. 58. How To Protect Your Vue.js Application With Jscrambler Disclosure: This post focuses on Jscrambler, a JavaScript protection product to which the author is affiliated (as CTO). 59. The Most Interesting Vue 3 Bootstrap Admin Themes Vue is quickly growing in popularity among developers and Vue admin templates and themes made with help of Bootstrap is its most popular category. 60. 2019 in Frontend Development: JS, TS, React, Vue & More Originally published on gitconnected.com 61. How To Make an Image Uploading App Using Vue, Quasar, Firebase Storage and Cordova [Part 1] What we’re building 62. How to Build Your Own Blog with Nuxt, Nuxt Content, and Cloudinary Nuxt is a front-end framework that helps you build dynamic blog pages using the Nuxt content module. This article is a guide to hosting your blog today. 63. Make a Choice Between React, Angular, and Vue to Create Web Apps As market trends begin to shift towards front-end development, it’s easy to question which JavaScript framework is in demand. Is it React, Angular or Vue? It’s a kind of game that makes you confused about which one you should pick up for your next web development project. It is even more confusing when you are just entering the trade game. A lot of startups and entrepreneurs don’t even realize which one is the right front-end framework for their web project. 64. How To Make an Image Uploading App Using Vue, Quasar, Firebase Storage and Cordova [Part 2] What we’re building 65. The Coolest VueJS Resources: Developers' Choice👨‍💻 Check out these Awesome VueJS Resources For Developers Thank you for checking out the 65 most read stories about Vue on HackerNoon. to find the most read stories about any technology. Visit the /Learn Repo

65 Stories To Learn About Vue

237 Stories To Learn About React

Let's learn about via these 65 free stories. They are ordered by most time reading created on HackerNoon. Visit the to find the most read stories about any technology. Framework /Learn Repo 1. Composer Packages that Every Laravel Developer Must Have I believe developers of middle and senior levels should always use these must-haves processes with at least one external data store. 2. Command and Control Frameworks in a Nutshell A glimpse over Command and Control attacks and frameworks, how they happen, and how they can affect our daily lives. 3. A Glance Into Amplication: Easy NodeJS App Development According to the Amplication website's introduction, it's a tool for creating the structure you want in NodeJS apps. 4. The Top Five Frameworks For Developing Android Apps Understanding Android development frameworks will help you pick the right one for your mobile app, letting you make better decisions on how to develop. 5. What Are the Challenges of Learning New JavaScript Frameworks? | GrapeCity JavaScript Learn about the top challenges developer face when they are learning new JavaScript frameworks. See more from GrapeCity today. 6.   How to be a React Native Developer How to be a React Native Developer 7. What Is The Best Widgets Library In 2022? An easy-to-use and comprehensive JavaScript framework are of utmost importance if you are a web developer. 8. Implementing a Web Service With Go and Fiber Let’s learn the basics of web development with the help of Go programming language and Fiber framework and write the most uncomplicated web service. 9. Introducing a New, Lightweight WYSIWYG HTML Editor That Fits Any Technology Framework 10. Some Decisions are Mindless, Other Decisions Require Deep Thinking If you've been working for some time, you might have wondered occasionally if it was time to change jobs. If you are early in your career, you can bet that this is a decision you will need to make in your life. 11. Top 10 Python Frameworks Ranked on Github Here is a list of the ten highest-ranked Python frameworks on GitHub. 12. 6 Reasons Why No-Code Platforms are the Future Of Software Development The next generation of no-code platforms will be a key force in transforming everything about software development. 13. Why Not Use Good Old CSS3??? And Forget Bootstrap! When we start learning how to create a web page and are presented to CSS, it can be quite daunting (or exhilarating) to see the list of properties we can use. So many of them, so much we can do! So, when we're fumbling through the pages and are presented with "easy" ways to become web-developers, we grab them without a second thought. 14. Handling Job Failures in Quartz with Retries In this article, we will look at how to handle job failures in Quartz. We'll use an exponential random backoff policy for calculating the time of the next retry 15. Your Guide to Cybersecurity Frameworks There are three main categories of security frameworks: Control Frameworks, Program Frameworks, and Risk Frameworks. Here we explore their differences. 16. 6 Reasons for Using Bootstrap Framework Usually, when we are making a web page, we need to use the code that we created before in other projects. That means that we are going to redo the same features over and over again. 17. What I Learned About Automation From Complying With AWS Security Requirements Let’s get into the action and dig into some of the key requirements of how to operate workloads securely in AWS. 18. Adding the Bootstrap CSS framework to an Angular application Application example built with Angular 14 and adding the Bootstrap CSS framework using the bootstrap and @ng-bootstrap libraries. 19. How to Schedule Jobs With Quartz in Spring Boot In this article, we will look at how to schedule tasks using the Quartz framework in Spring Boot. We will consider JobStore, and thread pools. 20. An Intro to the Astro Framework: Benefits and Drawbacks Astro is a new framework, should it be one you should experiment with? Find out the features, benefits, and drawbacks that this new framework has. 21. Vulnerability Management: Identify, Classify, Remediate, and Mitigate 1.Vulnerability Management: 22. The Svelte Effect: Everything You Need To Know What is it about Svelte that makes it the most eligible bachelor in the front-end dev scene along with the likes of React & Vue? I mean, Svelte could be the next big thing, but does it have what it takes? 23. Choosing the Right Microservices Framework Microservices architecture is a methodology that allows you to split a monolithic single application into small applications and services. 24. Solving Web Application Issues in C - The Greenest Programming Language Web applications in C language means performance and it's easier than you think 25. How To Learn Ruby on Rails How to get around in your first Rails projects 26. Cocoapod as XCFramework With Dependencies In this article, we will solve the problem of making XCFramework with dependencies and ship it as a Cocoapod. 27. Ionic vs React Native: What to go For When Building a Mobile App In this article, we compare Frameworks: Ionic vs React Native, and learn about what the better option is for your usecase. 28. Building Your First Startup with Python and Node.js This article is for business owners willing to launch their first product. In this material, we will discuss and try to compare two popular backend solutions. 29. Autonomous APIs are the Future - Interview with Jean Machuca, Founder, QCObjects QCObjects recognized as Startup of the Year 2021 30. The Battle Between Jest and Mocha for Testing JavaScript Applications Jest vs Mocha, which one should you chose? What are the pros & cons? All about our experience about making the call between Jest & Mocha. 31. The Importance Of Selecting The Right Frontend Framework Creating a new product comes with lots of ideas and requires numerous technologies. The idea of choosing the right framework matters a lot. Learn how to choose 32. 4 Tips for Building the Ultimate Finance App There are a lot of good personal finance and investment apps on the marketplace, but trying to find an app that does it all is hard. 33. Effective Ways To Get More Out Of Vessel Framework Vessel is a fast, open source, high-level, web crawling and scraping framework for Ruby, built on top of Ferrum — a minimal-dependency pure-Ruby driver for running headless Google Chrome instances. 34. How to Fetch Data From an API in React.js Without any doubt, the use of React is increasing day by day. And also API(Application Programming Interface) is gaining more popularity in the modern era of technology. This article will guide a beginner to play with React to API. 35. The Product Manager's Guide To Identifying and Managing Project Stakeholders We discuss a framework for categorizing stakeholders. We also recommend different communication methods for each type of stakeholder to save you time and effort 36. How to Optimize Your Time When Coding Frontend I recently took some serious time to improve my skills in front-end HTML and CSS. 37. What is Remix Framework and Why Use it for Ecommerce Websites? E-commerce websites require a lot of complex functionality, such as dynamic routing, server-side rendering which can easily be done with Remix Framework. 38. ATT&CK vs. D3FEND - Get Everyone On the Same Page Recently MITRE Engenuity announced significant innovations helping cybersecurity professionals to work under the same language. 39. "The most successful products are those with a simple and consistent framework" - Marco Mottana Not everyone has the technical-knowhow to navigate the highly volatile crypto terrain. There are a lot of moving pieces. It will surprise you to know that trading, staking, mining, and hodling are not the only sure way to earn crypto income. In 2020, we got introduced to yield farming and the variety of ways to utilize DeFi’s money markets. Notably, there is no means to know for sure which crypto trend would drive crypto in 2021. The key takeaway from this is that we are yet to scratch the surface of the possibilities embedded in crypto and blockchain technology, even 11 years after the famous introduction of Bitcoin. 40. Mapping Risk to Cyber Threats, and Adopt Zero Trust by NIST's CSF NIST's CSF can be a valuable tool for organizations to improve their security maturity. I will  take further steps to align CSF to be more understandable. 41. Debugging Angular Applications: The Tool You Need to Know Angular DevTools is a great tool to make app development faster and more efficient. 42. Top 5 Big Data Frameworks in 2021 These are the best Big Data Frameworks developers can learn in 2021. It includes Apache Hadoop, Apache Spark, Apache Flink, Apache Storm, and Apache Hive 43. The 37 Dimensions of the API-as-Product Assessment Framework We’ve developed an API-as-Product Assessment Framework that we’re using to assess public APIs. We’re sharing this framework because you will likely find it to be a useful tool for understanding your own API as a product or set of products. 44. Jina, a Deep Learning-Powered Search Framework, Can Help You Build Your Neural Search Use Jina to search text or images with the power of deep learning. 45. Writing Your Own Flask(like) Framework How does defining something as simple as app.route handle HTTP Requests? How does app.run create a server and maintain it? 46. Evaluating Swoft — A PHP Microservices Framework Swoft is a PHP high performance microservice co-routine framework. 47. Beginners Guide to Node.JS Introduction to Node.JS 48. Why Do You Need A JavaScript Test Framework? The JavaScript testing framework enables you to boost your development workflow significantly. In addition, it increases your team’s speed and efficiency. 49. Top 10 Development Frameworks in 2020 Web applications are more important now than ever, and this will only be more true in the future. They’re also becoming much more advanced. As these applications continue to evolve, so does the level of development used to create and deploy them. 50. Parsing JSON in C with Vely framework Parse JSON in C language with Vely framework 51. A Look at the MVVM Design Patterns for iOS Building iOS framework for multiple iOS applications using generic MVVM+C. 52. Understanding AWS Well-Architected Framework The AWS Well-Architected Framework (WAF) is a set of best practices used to create highly efficient and cost-effective applications on AWS. Lean more. 53. Application Security Posture Management: An Overview Application Security Posture Management (ASPM) is a holistic approach to managing the security posture of applications throughout their lifecycle. 54. How A Full Stack Framework Can Make An Impact In Your Business It's been a year since the exhibition of QCObjects in the Web Summit and now a lot of people and companies are interested in placing QCObjects at the very core of its enterprise software solution. But why is it? 55. Salesforce: Walled Garden No More In just five years the Salesforce ecosystem has transformed from a "walled garden" to an open-sourced driven solution set. 56. Delphi GUI Programming with FireMonkey Framework: Cross-Platform Development Made Easy These days, developers face a difficult problem: how to build effective cross-platform applications. From a project management point of view, often a major goal is to achieve this using a single source code base, rather than by having a different code base for each supported platform. 57. How to Use JUnit Annotations In Selenium JUnit is a Java-based, open-source framework to help you execute unit testing. JUnit is used primarily to test each and every unit or component of your application like classes and methods. It helps to write and run repeatable automated tests, to ensure your code runs as intended. The framework offers support to Selenium test automation for web-apps or websites. 58. How to Set up a Framework: A Developer’s Guide New developers often don’t know how to set up a framework for smart contract development to make the process as efficient and secure as possible. 59. Selenium Testing: Running First Pytest Script Selenium as we know, is an open-source test suite used for cross-platform browser automation. Due to its popularity and ease of use, many compatible test frameworks with respect to different programming languages have been developed to extends support of Selenium for cross browser testing over multiple programming languages. Today we’re going to look into Selenium Python tutorial to run our first automation script using PyUnit framework with Selenium. 60. What is a Token Economy and How to Design a Thriving Cryptocurrency Do you want to design a token economy? Start by having a goal that makes sense. 61. Tests Automation with Examples: 'Click' Button Method in Selenium One of the most fundamental and crucial interactions while Selenium automation testing is done by automating click operations over elements on a web page. We facilitate the click interaction using a method called Selenium.click(). 62. Automation Testing With Selenium, Cucumber Tool And TestNG Cucumber is a test automation framework which leverages Behavior Driven Development for collaboration in between Business and IT teams. It empowers a user to define an application’s behavior in plain English language which makes it easier for non-programmers to understand the acceptance criteria. 63. Shadowed Components & QCObjects What is a Shadow DOM (shadow tree) 64. How To Code on PHP7 Without using a Framework Since the introduction of Composer package manager and the PHP standards, writing PHP became easier and more manageable, whereas in the past you were almost forced to use a framework to maintain your project in a professional matter, nowadays this is not necessary, and today I will show you how to glue together a small API project with basic routing, third party packages, and testing without a framework. 65. How To Use Nightwatch.js Framework For Test Automation Selenium is a widely used tool for automated browser testing. Being an open-source framework allowed Selenium to be compatible with multiple test automation frameworks for different programming languages and if we talk about automation testing with Selenium and JavaScript, there is a particular framework that never fails to take the spotlight and that is the Nightwatch.js. This is why I decided to come up with Nightwatch.js tutorial for beginners. Thank you for checking out the 65 most read stories about Framework on HackerNoon. to find the most read stories about any technology. Visit the /Learn Repo

65 Stories To Learn About Framework

If you are active on tech Twitter, follow web-dev YouTubers, or read blogs, you know what I am talking about. For the past few months, there has been a lot of discussions about how , the official tool to configure a react project, is out of date and needs to be replaced. create-react-app In today's blog, let us understand why everyone is against CRA, whether it is really that bad, and what other options we have on our plate. This blog requires no prerequisites except some familiarity with the React.js ecosystem. How It Started I am seeing similar content on my feed for the last few months. People started writing blogs and making videos saying CRA is dead and we should use Vite instead. Everything seemed fine until last week tweeted about filing a PR to remove CRA as a recommendation. Theo https://twitter.com/t3dotgg/status/1616933234478309378 And well, he did it! Soon after the tweet blew up and many developers agreed to him, he raised a PR. https://github.com/reactjs/reactjs.org/pull/5487?embedable=true This raised a question: Is CRA really as bad as developers are claiming? And if yes, what can we do about it? The Real Problems is the official tool for configuring React applications when you start a new project. It is maintained by the core React team responsible for the main React library. create-react-app The problem occurs when your app scales in size and has a lot of stuff to be taken care of. Not having a scalable structure makes your app slow and increases its rendering time. It is Unmaintained The does not have active maintainers. Although few maintainers take care of minor updates and patches, nobody has been actively maintaining it since 2021. create-react-app GitHub repository https://github.com/facebook/create-react-app/discussions/11768?embedable=true Hence around 1.5k issues are pending, and over 400 pulls are yet to be merged. This makes it hard to use it for larger projects that will scale enormously in the future. Overdependency on Webpack CRA uses Webpack under the hood to set everything up. Webpack's main task is to pack everything into a single JavaScript bundle and ship it to the browser to execute. However, using Webpack itself is a very tedious and frustrating task. We need to consider many decisions before configuring it. And thankfully, CRA did everything for us! It took care of all the Webpack configuration and removed all complexities, and gave us a ready-to-build react application in our hands! Despite Webpack being useful, we can't ignore that it is tedious, slow, and old. While alternatives are using newer tools that are fast, minimal, and simple, CRA is still stuck on Webpack for providing backward compatibility. And CRA is still heavily dependent on Webpack. Lacks Many Features CRA again falls back when supporting additional features out of the box. We don't use plain React anymore. We add different flavors to spice up things and make it more convenient, scalable, and robust. CRA does not support many such tools out of the box. We need to rely on third-party services or add it manually ourselves. Developers today widely use TypeScript to typeface JavaScript applications. And as you might have guessed, CRA does not natively support TypeScript. You need to use a template while setting up the project. Another library developers prefer Tailwind CSS. It is a utility-based CSS framework that provides a design system for websites. CRA requires CRACO, a wrapper around CRA, to install Tailwind CSS. Though it is simple to set up, there are many problems with it. Since CRA doesn't allow imports outside , loading to access the theme config with TypeScript becomes difficult. /src tailwind.config.js Better Alternatives Using CRA is simple (and still is). This is best for beginners who might get overwhelmed by all the configuration and settings of starting a react project manually. You are only three commands away from having a React application ready. But as React got popular, newer alternatives were introduced. These have new approaches to setting up React. They use more recent tools to do it and, overall, faster than CRA. What Else Can We Use? There are three five main alternatives to vanilla React or CRA. You first need to decide the scope of your project and the utilities it needs and then choose a tool or framework. If you want a CRA-like build tool that works exactly like CRA but resolves all of its problems, Vite is the way! Vite is a recent build tool that is dominating the web-dev circle. It's on the third rank by usage and first by retention and interest in the state of JS 2022 survey. Vite Vite is fast. It uses SWC, which uses rust to build steps, so you get milliseconds response time while making changes to the app. blazingly Vite supports a plethora of plugins to extend your build. It also supports TypeScript, PostCSS, and CSS modules out of the box, making it a production-ready build tool for React. It also supports Svelte, Vue, Preact, Lit, and Vanilla JavaScript. In terms of react, it is an excellent replacement for CRA if you want a very similar experience to CRA. If your application doesn't require server side rendering and is a small or single page application, Vite is a must try! Server Side Generation Server Side Generation, or SSG, is a website rendering approach that pre-renders the content and serves static HTML pages to the client. The big players in SSG are and . They both are best for scenarios where you need to create a static side that doesn't rely on dynamic content. So if you are building a blog, landing pages, or portfolio marketing, SSG is the way to go. Gatsby Astro Unlike Vite, Astro and Gatsby add their flavor on top of React, so the code you write slightly changes compared to CRA/Plain React. Server Side Rendering Server Side Rendering, or SSR, generates static content on the server and sends it to the client for every request. It drastically improves the overall loading time, which helps increase Core Web Vitals scores and get better website SEO results. Again we have two frameworks to talk about, and . Both have a similar approach to how a project is set up, but there are obviously a few differences. Starting with similarities, both frameworks support file-based routing and are used for dynamic content generation. Talking about differences, Next uses React server components while Remix does not. Nested routes work in beta for Next.js, whereas Remix has a stable release. Remix uses ESBuild as a build tool, while NExt uses rust-based SWC. Next.js Remix Suppose your requirements include a multi-page application heavily dependent on dynamic data and complex routes. In that case, SSR is the way to go. Like SSG frameworks, both Next and Remix are built on top of React, so you need to spend some extra time learning them. My Views We should not force anyone to use a particular tool or framework. React by itself is still a great choice for a framework, and it is changing with changing needs over time as well. If you are a beginner and creating simple projects to validate your learnings, there is no harm in using CRA. Vite is useful for a CRA-like experience with better support and speed. Use it when you are creating small or medium scaled single page applications. Astro and Gatsby should be considered when your content won't change often. This makes it useful in use cases like blogs, portfolios, landing pages, etc. Moving towards Next.js or Remix would be best once you become comfortable with React (with or without CRA). These frameworks give much flexibility and scalability to create robust front-end applications. Wrapping Up! It feels good to have multiple options available to us. We can use the best tool, library, or framework that satisfies our project's scope. Also, having healthy competition is always good for the market. These were my views, and yours might vary; that's absolutely fine! I would love to hear yours. I am most active on and if you want to say hi! Twitter Showwcase I write about web, open-source, technical writing, and my general experiences with development. I also write about Web3 at . You can follow me on or subscribe to my newsletter below to have the latest update on everything I am up to. The Dapp List Twitter Until then, Happy tooling! References Don't Use Create React App in 2023 Stop Using Create React App I was almost finished with the blog when Fireship posted a video. 7 better ways to create a React app ✍Originally posted on my personal blog

ASTRO SOFTWARE INC

astrorpa.com

-- employees

Since n.d.

COMPANY RANKING

ASTRO SOFTWARE INC

EVERGREEN INDEX #808

Representing this company? Click here to claim and customize this page!

Astro Software Inc WIKI

Apply to get your Tech Company News Page live on HackerNoon.com today!

ASTRO SOFTWARE INC

astrorpa.com

-- employees

Since n.d.

COMPANY RANKING

ASTRO SOFTWARE INC

EVERGREEN INDEX #808

RELATED COMPANIESRANK

STORIES ABOUT ASTRO SOFTWARE INC

Representing this company? Click here to claim and customize this page!

Astro Software Inc WIKI

Apply to get your Tech Company News Page live on HackerNoon.com today!