Pop new windows in React, using window.open. Inspired by David Gilbertson's article (must read, must follow).
https://rmariuzzo.github.io/react-new-window/Tags | react react-component window-opener popup popup-window window open |
Implementation | Javascript |
License | MIT |
Platform | OS-Independent |
React Sizes is a high-order component with a high performance that transform window sizes (width and height) into props. You can check inside your component, for example, if user's window is less than 480 pixels of width, and add a custom content. It can be very powerful for when you need to display different content for mobile and desktop. But it's not limited to this case. Just use that at your needs.
react hoc high-order-component media-queries responsive media query react-sizes sizesA React Tiling Window Manager
react window-manager tiling-window-manager typescript ui palantir componentSplit-Pane component built with React, can be split vertically or horizontally. By dragging 'draggable' surface you can change size of the first pane. The first pane keeps then its size while the second pane is resized by browser window. By default it is the left pane for 'vertical' SplitPane and the top pane for 'horizontal' SplitPane. If you want to keep size of the second pane and let the first pane to shrink or grow by browser window dimensions, set SplitPane prop primary to second. In case of 'horizontal' SplitPane the height of bottom pane remains the same.
react react-component split-pane react-split-pane es6Sensor component for React that notifies you when it goes in or out of the window viewport. Useful if you want to use with bower, or in a plain old <script> tag.
react react-component visibilityReact Native Popup Dialog for iOS & Android. Another similar dialog component: react-native-dialog-component the main difference is style.
react react-animate react-native component dialog es6 popup react-dialog react-native-popup-dialog react-native-dialog popup-dialog react-component ios androidpopwin is a popup window manager for Emacs which makes you free from the hell of annoying buffers such like *Help*, *Completions*, *compilation*, and etc. Take an example. When you complete file names during find-file, the (annoying) *Completions* buffer will appear in a newly splitted window. You might understand the necessity of the window, but you may wonder why the window still remains after completion...
popwin is a popup window manager for Emacs which makes you free from the hell of annoying buffers such like *Help*, *Completions*, *compilation*, and etc. Take an example. When you complete file names during find-file, the (annoying) *Completions* buffer will appear in a newly splitted window. You might understand the necessity of the window, but you may wonder why the window still remains after completion...
React-tags is a simple tagging component ready to drop in your React projects. The component is inspired by GMail's To field in the compose window. Because I was looking for an excuse to build a standalone component and publish it in the wild? To be honest, I needed a tagging component that provided the above features for my React-Surveyman project. Since I was unable to find one which met my requirements (and the fact that I generally enjoy re-inventing the wheel) this is what I came up with.
react react-tags autocomplete dragdrop drag-drop tags tag-input react-component autosuggestUse the built-in share view from iOS and Android to let the user share on Facebook and Twitter. It will use the user's existing account without having to get new authorizations. You can even preset text, image and link for the share view. Let me know how it works.
react-native react twitter facebook popup share-popups slcomposeviewcontroller rctbridgemodule social react-component react-native-component mobile ui react-native-facebook react-native-twitterA React component to execute a function whenever you scroll to an element. Works in all containers that can scroll, including the window. React Waypoint can be used to build features like lazy loading content, infinite scroll, scrollspies, or docking elements to the viewport on scroll.
react component react-component scroll onscroll scrollspyExtensible popup menu component for React Native for Android, iOS and (unofficially) UWP and react-native-web. We thank our community for maintaining features that goes over our scope.
popup-menu animation react-native android iosBuilding web, Electron, Cordova and Chrome apps, and cross-browser extensions that use Redux actions for messaging. Redux states are synced between background, injected page, app window, extension popup and badge.
react reactjs boilerplate hot live edit webpack flux redux firefox safari chrome app extensionThis library allows to create simple popup menus programmatically with a nice type-safe builder syntax in Kotlin. Menus can be divided into separate sections with optional headers and contain icons.
popup-menu kotlin android popup-window material-design material-menu list-popup-windowA react native component, easy, fully customizable, implementing the 'swipe down to close' feature. Check index.js in the Example folder.
react-component react-native ios android modal box modalbox window swipeReact components for efficiently rendering large, scrollable lists and tabular data
react reactjs virtual window windowed list scrolling infinite virtualized table grid spreadsheetCocoa project with Popup window appearing from the status bar
Rofi started as a clone of simpleswitcher, written by Sean Pringle a popup window switcher roughly based on superswitcher. Simpleswitcher laid the foundations, and therefor Sean Pringle deserves most of the credit for this tool. Rofi (renamed, as it lost the simple property) has been extended with extra features, like an application launcher, ssh-launcher and can act as a drop-in dmenu replacement, making it a very versatile tool. Rofi, like dmenu, will provide the user with a textual list of options where one or more can be selected. This can either be, running an application, selecting a window or options provided by an external script.
rofi dmenu dmenu-replacement application-launcher window-switcher i3The default monitor for Redux DevTools with a tree view. It shows a log of states and actions, and lets you change their history. Then you can render <DevTools> to any place inside app or even into a separate popup window.
redux devtools flux react hot-reloading time-travel live-editA state monitor for Redux DevTools that provides a convenient way to inspect "real world" app states that could be complicated and deeply nested. Then you can render <DevTools> to any place inside app or even into a separate popup window.
react reactjsreact-ionize is a library which lets you build the "non-browser" parts of an Electron app using React components to manage your application's state. Electron applications consist of two types of process: a main process which manages the lifecycle of the application, and several renderer processes, which display webpages which comprise the application's GUI. While it's fairly common to use React and ReactDOM to build an HTML/CSS/JS interface in the renderer process, react-ionize runs in the main process, managing things like window size/position, menu contents, and application-wide events.
react reactjs electron desktop app atom osx
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.