Redux is a state management library for JavaScript applications, often used with React. It helps manage the global state of an application in a centralized way, ensuring data remains consistent and predictable.
Store
Holds the entire application state.
There is only one store per application.
Actions
Represent events that trigger state changes.
Are simple JavaScript objects with a type
property and optional data (payload
).
Reducers
Functions that calculate the new state based on an action.
They are pure functions, meaning they have no side effects.
Dispatch
A method used to send actions to the store.
Selectors
Functions that extract specific values from the state.
Simplifies state management in large applications.
Prevents prop drilling in React components.
Makes state predictable by enforcing structured updates.
Enables debugging with tools like Redux DevTools.
If Redux feels too complex, here are some alternatives:
React Context API – suitable for smaller apps
Zustand – a lightweight state management library
Recoil – developed by Facebook, flexible for React
The Fetch API is a modern JavaScript interface for retrieving resources over the network, such as making HTTP requests to an API or loading data from a server. It largely replaces the older XMLHttpRequest
method and provides a simpler, more flexible, and more powerful way to handle network requests.
fetch('https://jsonplaceholder.typicode.com/posts/1')
.then(response => response.json()) // Convert response to JSON
.then(data => console.log(data)) // Log the data
.catch(error => console.error('Error:', error)); // Handle errors
Making a POST Request
fetch('https://jsonplaceholder.typicode.com/posts', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({ title: 'New Post', body: 'Post content', userId: 1 })
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error('Error:', error));
✅ Simpler syntax compared to XMLHttpRequest
✅ Supports async/await
for better readability
✅ Flexible request and response handling
✅ Better error management using Promises
The Fetch API is now supported in all modern browsers and is an essential technique for web development.
Backbone.js is a lightweight JavaScript framework that helps developers build structured and scalable web applications. It follows the Model-View-Presenter (MVP) design pattern and provides a minimalist architecture to separate data (models), user interface (views), and business logic.
✔ Simple and flexible
✔ Good integration with RESTful APIs
✔ Modular and lightweight
✔ Reduces spaghetti code by separating data and UI
Although Backbone.js was very popular in the past, newer frameworks like React, Vue.js, or Angular have taken over many of its use cases. However, it still remains relevant for existing projects and minimalist applications. 🚀
Jest is a JavaScript testing framework developed by Meta (Facebook). It is mainly used for testing JavaScript and TypeScript applications, especially React applications, but it also works well for Node.js backends.
// sum.js
function sum(a, b) {
return a + b;
}
module.exports = sum;
// sum.test.js
const sum = require('./sum');
test('addiert 1 + 2 und ergibt 3', () => {
expect(sum(1, 2)).toBe(3);
});
o run the test, use:
jest
Or, if installed locally in a project:
npx jest
GoJS is a JavaScript library for creating interactive diagrams and graphs in web applications. It is commonly used for flowcharts, network topologies, UML diagrams, BPMN models, and other visual representations of data.
GoJS is widely used in business applications to visualize complex processes or relationships. It is a paid library but offers a free evaluation version.
The official website is: https://gojs.net
Koa is a modern web framework for Node.js that helps developers build web applications and APIs. It was created by the developers of Express.js with the goal of providing a more minimalist and flexible framework.
Middleware Concept:
No Built-in Routing or View Rendering:
Lightweight:
Extensible:
const Koa = require('koa');
const app = new Koa();
app.use(async (ctx) => {
ctx.body = 'Hallo, Welt!';
});
app.listen(3000, () => {
console.log('Server läuft auf http://localhost:3000');
});
async/await
, code becomes more readable and avoids callback issues.Koa is ideal for developers looking for a flexible and minimalist foundation for their Node.js projects. However, it’s better suited for experienced developers as it requires more configuration compared to frameworks like Express.
Meteor is an open-source JavaScript framework that allows developers to quickly and easily build web and mobile applications. It was released in 2012 by the Meteor Development Group (MDG) and is designed to streamline the development process while unifying code for both the frontend and backend. Meteor is particularly useful for real-time applications due to its reactive architecture.
JavaScript Everywhere:
Real-Time Functionality:
Isomorphic Code:
Built-in Database Support:
Easy Integration:
Fast Development Process:
Meteor is an excellent framework for developers aiming to create reactive, cross-platform applications quickly. It’s particularly well-suited for projects where real-time updates and rapid development are priorities.
Strapi is a headless CMS (Content Management System) built with JavaScript, designed specifically for developers. It offers a flexible and open solution for managing content and APIs. Here's an overview of Strapi's key features:
JSON (JavaScript Object Notation) is a lightweight data format used for representing structured data in a text format. It is commonly used for data exchange between a server and a web application. JSON is easy for humans to read and write, and easy for machines to parse and generate.
Here are some basic features of JSON:
Syntax:
{}
.[]
.Data Types:
"Hello"
123
or 12.34
{"key": "value"}
["element1", "element2"]
true
or false
null
Example:
{
"name": "John Doe",
"age": 25,
"address": {
"street": "123 Main St",
"city": "Anytown"
},
"hobbies": ["reading", "writing", "traveling"]
}
In this example, the JSON object contains information about a person including their name, age, address, and hobbies.
JSON has become a standard format for data exchange on the web due to its simplicity and flexibility.