Search Results for "patterns" - Page 5
Sort By:
Showing 223 open source projects for "patterns"
View related business solutions-
Paessler: Easy to Use With Enterprise Power. Free TrialYou shouldn't have to choose between a monitoring tool that's easy to use and one that's powerful enough for a complex environment. PRTG's low-code interface lets any admin build dashboards, set alerts and monitor devices without scripting, while custom sensors and full API access are there when your team needs deeper control. One platform, no compromise. Download a free 30-day trial now.
-
Veeam Data Platform v13.1 - Get Your Free TrialTry Veeam Data Platform today. Experience the unified platform that's secure by design, portable by default, and proven to recover clean, fast, and anywhere.
-
1
react-pxq
Implement modern front-end architecture with idiomatic React patterns
react-pxq is a React-based single-page application that demonstrates how to implement modern front-end architecture with idiomatic React patterns. It shows how to break a product into cohesive components, manage global and local state, and coordinate data-fetching with UI updates. Routing is used to separate feature areas, while shared UI primitives keep styling and behavior consistent across screens. The code emphasizes ES6+ conventions, async flows, and clean separation of concerns to keep maintenance approachable. ... -
2
vue2-happyfri
Learning-oriented app that recreates a mobile food-ordering experience
...It includes examples of fetching and normalizing data, handling asynchronous flows, and keeping UI reactive to server responses. Developers can study folder structure, component boundaries, and patterns for passing data and events cleanly through the tree. As a whole, it provides a concrete blueprint for building consumer-grade Vue apps that balance clarity, scalability, and user experience. -
3
node-elm
Backend system based on node.js + Mongodb
...The server demonstrates how to structure a project with routing, controllers, and middleware to keep logic testable and readable. It typically includes authentication flows, input validation, and error handling that mirror production patterns. Data seeding or mock datasets provide a stable playground for front-end integration and end-to-end testing. As a teaching tool, it helps developers learn how front-end and back-end contracts evolve together and how to design APIs that are both pragmatic and maintainable. -
4
WAI-ARIA
WAI-ARIA Authoring Practices Guide (APG)
WAI-ARIA Authoring Practices Guide (APG) Learn to use the accessibility semantics defined by the Accessible Rich Internet Application (ARIA) specification to create accessible web experiences. This guide describes how to apply accessibility semantics to common design patterns and widgets. It provides design patterns and functional examples complemented by in-depth guidance for fundamental practices. Work is planned and prioritized in our milestones. Each milestone corresponds to a working draft or releases published to w3.org. Work is organized by topic in our projects. Each project corresponds to a type of design pattern or section of guidance. ... -
Build Securely on Azure with Proven FrameworksMoving to the cloud brings new challenges. How can you manage a larger attack surface while ensuring great network performance? Turn to Fortinet’s Tested Reference Architectures, blueprints for designing and securing cloud environments built by cybersecurity experts. Learn more and explore use cases in this white paper.
-
5
Ant Design Vue Pro
Use Ant Design Vue like a Pro!
Ant Design Pro is a production-ready solution for admin interfaces. Built on the design principles developed by Ant Design, this project introduces higher-level components; we have developed templates, components, and a corresponding design kit to improve the user and development experience for admin interfaces. Out-of-the-box mid-stage front-end/design solutions. Carefully designed based on Ant Design system. Extracted from typical pages and scenarios of middle and background applications.... -
6
useful-custom-react-hooks
This project was bootstrapped with Create React App
...It is built as a Create React App project and organizes each hook into its own component example. The repository covers common UI, browser, state, timing, storage, network, and interaction patterns that React developers often rebuild across projects. It includes hooks for toggling state, debouncing values, tracking previous values, managing arrays, storing data, fetching resources, loading scripts, and reacting to browser events. It also explores more advanced use cases such as geolocation, media queries, click-outside detection, dark mode, render counting, debug information, hover behavior, and long press interactions. ... -
7
code-review-tips
Common problems to look for in a code review
...It champions empathetic reviewing, emphasizing clarity, small diffs, and constructive feedback that helps teams move faster. By treating code review as a skill with teachable patterns, the project helps teams catch issues earlier and raise the overall bar. -
8
Vuex
Centralized State Management for Vue.js
Vuex is a centralized state management pattern and library for Vue.js applications. It stores all the components in an application following rules that ensure the state is only mutated in a predictable manner. Unlike other management patterns, Vuex defines and separates the concepts involved in state management, and enforces rules that maintain independence between views and states. It is also a library implementation that's specifically tailored for Vue.js, so as to take advantage of its granular reactivity system for efficient updates. Vuex is ideal for building a medium-to-large-scale SPA, as it is better at handling state outside of Vue components. -
9
ESLint plugin for React Native
React Native plugin for ESLint
eslint-plugin-react-native is an ESLint plugin that provides linting rules specifically for React Native projects. It ensures best practices, prevents common errors, and helps maintain code quality in React Native applications. -
MongoDB Atlas runs apps anywhereMongoDB Atlas gives you the freedom to build and run modern applications anywhere—across AWS, Azure, and Google Cloud. With global availability in over 115 regions, Atlas lets you deploy close to your users, meet compliance needs, and scale with confidence across any geography.
-
10
vue2-manage
A admin template based on vue + element-ui
vue2-manage showcases an admin dashboard built with Vue 2, demonstrating how to design and organize a multi-section management console. It includes common admin patterns such as authentication gates, tables, charts, forms, pagination, and search to support day-to-day operations. The project emphasizes clear layout hierarchies, navigation systems, and reusable UI primitives that keep large interfaces consistent. It provides examples of CRUD workflows and data validation so teams can quickly adapt similar patterns in production systems. ... -
11
textures.js
SVG patterns for data visualization
Textures.js is a JavaScript library for creating SVG patterns. Made on top of d3.js, it is designed for data visualization. Import textures.js from NPM. You can also use textures.js in your HTML page with a <script> tag by downloading textures.js to a local folder or by using the Unpkg CDN network. Textures.js can be used alongside d3. -
12
jstutorial
Javascript tutorial book
...The material steadily introduces modern features—modules, arrow functions, classes, destructuring, promises, and async/await—while relating them back to the underlying mechanics of the language. Beyond syntax, it explores how JavaScript actually runs, touching on the event loop, asynchronous patterns, and common pitfalls that trip up newcomers. The browser section covers DOM manipulation, events, storage, and network requests so readers can build interactive pages with confidence. Later chapters introduce Node.js usage and ecosystem basics, making the tutorial a practical bridge between front-end and back-end JavaScript. -
13
React Native Router
The first declarative React Native router
React Native Router is a different API over react-navigation. It helps users to define all the routes in one central place and navigate and communicate between different screens in an easy way. But it also means that react-native-router-flux inherits all limitations and changes from updated versions. v5.0.alpha.x is based on React Navigation v5.x (very early alpha, development in progress, help wanted!). Define all your routes in one React component and navigate from one scene to another... -
14
texgen.js
JavaScript Texture Generator
texgen.js is a compact JavaScript library for generating procedural textures directly in the browser. It exposes a set of composable operations—noise, gradients, patterns, transforms, blends—that you can stack to create complex materials without image files. The API is deliberately fluent, letting you chain nodes to define a pipeline and then render to a canvas or WebGL texture. This approach is ideal for games, demos, and creative coding where small footprint and dynamic variation matter more than hand-painted assets. ... -
15
CodeCopy
A browser extension that adds copy to clipboard buttons
CodeCopy is a browser extension that automatically adds “copy to clipboard” buttons to code blocks on popular documentation and Q&A sites. Its goal is to save developers time and frustration by making it a single click to copy example snippets, rather than manually selecting text and dealing with formatting issues. The extension detects code snippets on pages like GitHub, MDN, Gist, Stack Overflow, StackExchange, npm, Medium, and others, then overlays a small copy icon or button in the... -
16
Solved by Flexbox
A showcase of problems once hard or impossible to solve with CSS
Solved by Flexbox is a collection of layout patterns that demonstrates how CSS Flexbox elegantly resolves classic web design problems. It tackles everyday challenges—vertical centering, equal-height columns, sticky footers, fluid media, and responsive grids—showing concise, production-ready CSS instead of elaborate hacks. Each pattern is presented with plain HTML, clear commentary, and minimal styling, making the underlying technique easy to adapt and extend. -
17
csv-parser
Streaming csv parser inspired by binary-csv that aims to be faster
...Because it works incrementally (row by row), it is well suited for ETL pipelines, data ingestion workflows, CSV-to-database imports, or any context where you need to process or transform large tabular data in Node.js efficiently. Using the .on('data') / .on('end') (or equivalent async patterns), you can accumulate, filter, transform, or stream data further downstream without waiting for the whole file. -
18
serverless-chrome
Run headless Chrome/Chromium on AWS Lambda
...Serverless Chrome takes care of building and bundling the Chrome binaries and making sure Chrome is running when your serverless function executes. In addition, this project also provides a few example services for common patterns (e.g. taking a screenshot of a page, printing to PDF, some scraping, etc.). Why? Because it's neat. It also opens up interesting possibilities for using the Chrome DevTools Protocol (and tools like Chromeless or Puppeteer) in serverless architectures and doing testing/CI, web-scraping, pre-rendering, etc. You must configure your AWS credentials either by defining AWS_ACCESS_KEY_ID and AWS_SECRET_ACCESS_KEY environmental variables, or using an AWS profile. -
19
ES6 Shim
ECMAScript 6 compatibility shims for legacy JS engines
...The project covers many ES6 APIs and attempts to align older browsers with the final ECMAScript 2015 specification. It is useful for applications that need broader browser support while still using modern JavaScript patterns. The library is distributed through common JavaScript package workflows and can be included in projects that target older runtimes. Although modern browsers have reduced the need for it, es6-shim remains an important historical and practical tool for compatibility-focused web development. -
20
React-WeUI
WeUI Components build with React
...Because of its heritage, React-WeUI is especially relevant for mobile web experiences, lightweight app-like pages, and products targeting users familiar with WeChat-inspired interaction patterns. -
21
CNN Explainer
Learning Convolutional Neural Networks with Interactive Visualization
...A convolutional neural network, or CNN for short, is a type of classifier, which excels at solving this problem! A CNN is a neural network: an algorithm used to recognize patterns in data. Neural Networks in general are composed of a collection of neurons that are organized in layers, each with their own learnable weights and biases. Let’s break down a CNN into its basic building blocks. A tensor can be thought of as an n-dimensional matrix. In the CNN above, tensors will be 3-dimensional with the exception of the output layer. ... -
22
React-Native-Parsed-Text
Parse text and make them into multiple React Native Text elements
react-native-parsed-text is a React Native component that enables parsing and styling of substrings within a text block. It allows developers to identify patterns like URLs, phone numbers, or emails and apply custom styles or actions to them. -
23
Instant Ad-Close Add-on
Simple interface for advertising blocking via the webRequest APIs
...Red means blocking is enabled, dark grey means disabled; click the icon to toggle. Preferences to customize the URI filters it uses. Details ------- This extension can only block external requests (images, Flash, XHR) via the URL patterns that you can set in the extension's preferences. It won't remove ad content that is part of the actual text of the HTML page. Through the extension options settings you also can hide private addresses from WebRTC/ICE/STUN. ========= To run and build browser extension from cmd or terminal type: - npm install --global web-ext - cd my/path/folder/InstantAd-Close - web-ext run to debug - web-ext build to make add-on -
24
Cleave.js
About Format input text content when you are typing
...The idea is to provide an easy way to increase input field readability by formatting your typed data. By using this library, you won't need to write any mind-blowing regular expressions or mask patterns to format input text. However, this isn't meant to replace any validation or mask library, you should still sanitize and validate your data in backend. -
25
End-To-End
End-To-End is a crypto library to encrypt, decrypt, digital sign
End-to-End was a client-side encryption project that prototyped OpenPGP-compatible, end-to-end encrypted messaging in the browser. The idea was to move cryptographic operations entirely to the user’s machine—key generation, encryption, and signature—so messages remain unreadable to intermediaries. It packaged a JavaScript crypto library, UI elements, and a browser extension workflow that could integrate with webmail-style UIs without server changes. The codebase emphasized careful key...
