DEV Community: Saša M

New frontend MVC Framework - DoDo

Saša M — Fri, 02 Jan 2026 16:24:48 +0000

The DODO is unique MVC-based frontend framework. It prioritizes a traditional Model-View-Controller architecture over the prevalent component-based model found in React or Vue. The framework operates without a Virtual DOM, ensuring lightweight and fast performance by manipulating the DOM directly. It uses custom dd- attributes for data binding and view management within standard HTML files. Developers can initialize projects quickly using the CLI command

npm init dodo@latest

The repository includes support for building SPAs, mobile apps, and desktop applications via Electron. It is designed for simplicity, relying on Vanilla JavaScript logic for routing and state management. The project is open-source under the MIT License, promoting a clean separation of concerns. This structure is ideal for those seeking a more traditional software engineering approach to web development.

https://github.com/miko-soft/dodo
http://dodo.mikosoft.info

Why I Do NOT Like React

Saša M — Sun, 08 Dec 2024 11:22:42 +0000

Why I Do NOT Like React

React is one of the most popular JavaScript libraries, but despite its widespread adoption, I’ve never been a fan. Here’s why I find it confusing, outdated at its core, and unnecessarily complicated—and why I’ve decided to create my own solution, Dodo Framework.

1. Confusing and Hard to Understand

React's learning curve is steep, especially for beginners. While it promises simplicity, the reality is different. You have to understand JSX (a mix of JavaScript and HTML), components, state management, and the virtual DOM just to get started.

Moreover, React often requires developers to juggle between different concepts, such as lifecycle methods and complex state management libraries like Redux or Context API. For newcomers, it’s overwhelming; for experienced developers, it’s tedious.

2. Outdated Roots

React was created in 2013, before many modern JavaScript features like ES6 classes, async/await, and Promises became standard. Although React has adapted to some of these changes, its core still reflects an older JavaScript ecosystem.

For example, React initially relied on class components, which have since been largely replaced by hooks. This shift has caused confusion and inconsistency in codebases as developers have to decide between the "old way" (class components) and the "new way" (hooks).

3. Hooks: A Mixed Blessing

Hooks were introduced as a way to simplify React development, but they’ve often made things worse. While hooks eliminate the need for class components, they introduce new problems:

Complex State Logic: Managing state with hooks like useState and useReducer can quickly become a tangled mess.
Dependency Arrays: Forgetting or mismanaging the dependency array in useEffect can lead to bugs that are hard to debug.
Rules of Hooks: The strict rules of hooks (e.g., "don’t call hooks inside loops or conditionals") are unintuitive and add to the learning curve.

4. Bloated Ecosystem

React’s simplicity often comes at the cost of requiring numerous additional libraries for tasks like routing (React Router), state management (Redux, MobX, Context API), and form handling. This bloated ecosystem means developers spend more time learning libraries and keeping them updated than focusing on building applications.

5. Overhyped Performance Claims

React’s virtual DOM is often touted as a performance boost, but in many cases, the performance gain is negligible or even counterproductive compared to optimized direct DOM manipulation. The complexity of reconciling the virtual DOM with the real DOM can sometimes introduce inefficiencies.

6. Verbose and Boilerplate-Heavy

React’s code is verbose. The requirement to wrap components in <div>, <Fragment>, or <Provider> components leads to deeply nested structures. Coupled with state and prop drilling, this verbosity makes React code harder to read and maintain.

Introducing the Dodo Framework

Frustrated with React’s shortcomings, I decided to create my own solution: the Dodo Framework. Dodo is designed to be:

Simple and Intuitive: Dodo eliminates unnecessary complexity, focusing on clean, minimal syntax.
Modern from the Ground Up: Built with modern JavaScript in mind, it leverages ES6+, async/await, and promises for a seamless developer experience.
Hooks-Free: Forget about tangled useState or useEffect—Dodo uses straightforward state management and lifecycle handling.
Lightweight and Fast: Dodo doesn’t rely on a virtual DOM, focusing instead on direct, optimized DOM interactions for faster rendering.

If React has left you frustrated, give Dodo Framework a try. It’s my answer to the problems that React introduced to the JavaScript world. Check it out here: http://dodo.mikosoft.info.

React may have been revolutionary in its time, but the time has come for a simpler, more modern alternative. That’s why I built Dodo Framework. Let’s make web development enjoyable again.

DoDo Framework

Saša M — Mon, 26 Aug 2024 16:08:38 +0000

Here are five reasons why you should consider using the DoDo framework:

Ease of Learning: DoDo is designed to be easy to learn, making it accessible for developers of all skill levels¹.
Versatility: It supports a wide range of applications, including mobile apps, browser extensions, and desktop apps¹.
Model-View-Controller (MVC) Structure: Unlike many modern frameworks, DoDo uses the MVC structure, which can make your code more organized and maintainable².
Performance: DoDo is built with modern ES6+ JavaScript and powered by Vite, ensuring fast compilation and lightweight applications¹.
Productivity: With built-in libraries for authentication, HTTP client, form handling, and more, DoDo helps you be more productive by reducing the need for additional dependencies².

Would you like to know more about any specific feature, please comment.

(1) @mikosoft/dodo - npm. https://www.npmjs.com/package/@mikosoft/dodo.
(2) GitHub - miko-soft/dodo: The DoDo is an easy to learn JavaScript .... https://github.com/miko-soft/dodo.
(3) GitHub - miko-soft/create-dodo: The DoDo Framework starter.. https://github.com/miko-soft/create-dodo.
(4) http://dodo.mikosoft.info

Streamlining Data Extraction and Automation with DEX8.com

Saša M — Wed, 10 Apr 2024 07:50:04 +0000

Are you tired of spending hours manually collecting data from websites? Look no further than DEX8! Our platform offers a comprehensive suite of services designed to streamline data extraction and task automation.

With DEX8, you can easily collect data from various online sources with just a few clicks. Our intuitive web panel allows you to create custom scripts and workflows tailored to your specific needs, whether you're a developer or non-technical user.

Gone are the days of tedious manual data entry. DEX8 automates repetitive tasks, allowing you to focus on more important aspects of your business. Whether you need to collect pricing data for market analysis or monitor social media trends, DEX8 has you covered.

Our platform is built with efficiency and scalability in mind, ensuring that you can handle large volumes of data with ease. Plus, our dedicated support team is always on hand to assist you every step of the way.

Experience the power of seamless data extraction and automation with DEX8 today. Sign up for a free account and see the difference for yourself!

How to Use Google Gemini with Node.js and DEX8

Saša M — Sun, 18 Feb 2024 07:51:46 +0000

The Google Gemini can be used in creating DEX8 skripts as any npm library.

There are two main approaches to using Google Gemini with Node.js:

Using the official Gemini API:

This is the recommended approach for most users. Google provides a Node.js SDK (@google/generative-ai) that simplifies interacting with the Gemini API. Here's a general guideline:

a. Set up your project:

Install Node.js and npm: Make sure you have Node.js and npm installed on your system.
Create a project: Create a new directory for your project and initialize it as a Node.js project using npm init.
Install dependencies: Install the @google/generative-ai package using npm install @google/generative-ai.
b. Get your API key:

Visit the Google Cloud Platform Console and create a project if you don't have one already.
Enable the "Generative AI API".
Create an API key and copy it.
c. Configure your application:

Create a .env file in your project root and add the following line, replacing YOUR_API_KEY with your actual key:
GEMINI_API_KEY=YOUR_API_KEY
d. Use the SDK:

Import the GenerativeAI class from the @google/generative-ai package.
Create a new instance of GenerativeAI with your API key.
Use the available methods like generateText and chat to interact with Gemini.

Using third-party libraries:

Several third-party libraries provide alternative ways to interact with Gemini, often with additional features or functionalities. Here are some popular options:

google-gemini-ai: This library offers a simplified interface for text-only and text-and-image generation.
node-gemini: This library provides a low-level access to the Gemini API, offering more control and flexibility.
Resources to get you started:

Official Quickstart: https://ai.google.dev/downloads
Using @google/generative-ai: https://ai.google/discover/generativeai/
google-gemini-ai library: https://github.com/topics/google-gemini
node-gemini library: https://github.com/googleapis/nodejs-vertexai
Remember to replace placeholders like YOUR_API_KEY with your actual values and consult the chosen library's documentation for specific usage instructions and examples.

I hope this helps! Feel free to ask if you have any further questions or need more specific guidance.

Revolutionize Your Automation and Data Extraction Workflow with DEX8.com SaaS

Saša M — Thu, 08 Feb 2024 17:41:49 +0000

Are you tired of spending countless hours on repetitive tasks? Look no further than DEX8 SaaS – your ultimate solution for automating data extraction, web scraping, and browser automation. With DEX8, you can streamline your workflow, increase productivity, and unlock new possibilities for your projects.

DEX8 SaaS offers a user-friendly platform where you can create, manage, and execute automation scripts with ease. Whether you're a developer, data scientist, or business professional, DEX8 empowers you to harness the power of automation without the need for complex coding or infrastructure setup.

Key Features:

Intuitive Interface: DEX8's intuitive interface makes it easy to create and execute automation scripts without any prior experience.
Versatile Scripting: From web scraping and data extraction to browser automation and API integration, DEX8 supports a wide range of automation tasks.
Cloud-Based Execution: Say goodbye to managing servers and infrastructure. DEX8 runs on a powerful serverless platform, allowing you to focus on your tasks without worrying about backend maintenance.
Real-Time Monitoring: Track the progress of your automation tasks in real-time with DEX8's comprehensive monitoring dashboard.
Seamless Integration: Integrate DEX8 with your existing tools and workflows using APIs and webhooks, enabling seamless automation across your ecosystem.
Whether you're extracting data from websites, automating repetitive tasks, or building complex workflows, DEX8 SaaS is your go-to solution for efficient automation. Join the automation revolution with DEX8 and take your productivity to new heights!

Ready to automate your workflow? Sign up for DEX8 SaaS today and experience the power of automation firsthand!

Automation

Data Extraction

Web Scraping

Browser Automation

SaaS

Productivity

Developer Tools

DEX8

DevOps

DoDo - New Frontend Framework

Saša M — Thu, 08 Jun 2023 15:39:15 +0000

Blazing fast, easy to learn, Javascript, frontend framework for reactive web pages & apps

extremly fast in development, compilation and execution
no typescript
no overly frequent updates
compiling powered by Vite
application with optimised file sizes
use import & export ES Modules to build complex apps with clear and readable code
Model-View-Controller (MVC), intuitive app structure
simple API but rich with great features
easy to learn and easy to use
intended for reactive web pages and apps
developers can be productive like never before

http://dodo.mikosoft.info/