react-pdf
react-beautiful-dnd
react-pdf | react-beautiful-dnd | |
---|---|---|
50 | 71 | |
14,135 | 32,452 | |
- | 0.7% | |
9.0 | 5.7 | |
6 days ago | 3 days ago | |
JavaScript | JavaScript | |
MIT License | GNU General Public License v3.0 or later |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
react-pdf
-
How we improved our client-side PDF generation by 5x
Using react-pdf, we crafted a solution that allowed users to manipulate their reports with an impressive degree of flexibility. But, as data grew (imagine trying to cram an entire financial year's worth of invoices, up to 22,000 rows, into one PDF), our solution began to falter, especially on older PCs with limited resources.
-
Launch HN: Onedoc (YC W24) β A better way to create PDFs
https://github.com/diegomura/react-pdf is good as well if you want to use React.
-
Htmldocs: Typeset and Generate PDFs with HTML/CSS
Been using https://github.com/diegomura/react-pdf for this purpose for years
Uses React Native like components and styling.
WYSIWYG: https://react-pdf.org/repl
-
Show HN: An open-source web-app for creating resumes using YAML
Thank you. This is certainly possible. The library I'm using for rendering the PDF (https://react-pdf.org/) does support Node.js as well. This is a good point, I suppose a lot of people will have their resumes in GitHub.
- How to create dynamic PDF using React?
-
How to display a PDF and allow user to fill it and sign it directly inside a ReactJS website?
So something like this for the signature and you could use react-pdf for the PDF. Although you should consider lazy loading as itβs a big library, or render the PDF on the server to prevent bloating your UI.
-
5 Not-So-Typical React Libraries for an Outstanding Project
Website: https://react-pdf.org/
-
Failing to print a PDF file generated with "react-pdf" library. Weird error messages at console
I'm using the "react-pdf" library to generate a small PDF with some information needed by the user. Its supposed to look like a receipt and it will be printed by a thermal printer that can print basically any PDF if it is configured properly (page size etc). I can generate the PDF without any problems and render it to the screen. But at the moment I need to implement the 'print' feature of this same PDF, but I'm not having success into making this happen. Im using "printJS" library too.
- React-PDF: React renderer for creating PDF files on the browser and server
-
Convert JSX styled with TailwindCSS to a PDF?
Did you look into KendoReact PDF Generator and React-pdf?
react-beautiful-dnd
-
A feature-rich front-end drag-and-drop component library
Yeah, I hope the migration is not going to be too painful because https://github.com/atlassian/react-beautiful-dnd is a key component in one of my important project
-
Use React.js with Laravel. Build a Tasklist app
For this full-stack single-page app, you'll use Vite.js as your frontend build tool and the react-beautiful-dnd package for draggable items.
-
The 5 Most Important Features on phived.com
A huge win for the user experience using react-beautiful-dnd.
-
Curious case of Drag and Drop
react-beautiful-dnd stands out as the most commonly used, it provides a clean and high-level API with a lot of abstraction. It was developed by Atlassian.
- How can we create drag and drop like bento.me in react js ?
-
Free tools for frontend
Drag-and-drop library for React with beautiful animations. Website - GitHub
-
Is there a react library that allows you to do this? I made the one in the video but I dont know if it's any good
This library is very cool and pretty simple to use : https://github.com/atlassian/react-beautiful-dnd
-
I made a website builder that works like Notion
Not sure if OP used these but here are few suggestions: For drag drop: https://www.npmjs.com/package/react-beautiful-dnd For resizing with handles: https://www.npmjs.com/package/react-resizable
-
Trying to create drag and drop functionality with React from plain JS code
https://github.com/react-dnd/react-dnd https://github.com/atlassian/react-beautiful-dnd
-
How do you implement drag-select using React-DnD?
You can try react-beautiful-dnd, it's amazingly simple, I actually switched from react-dnd a couple months ago to react-beautiful-dnd, and it was easy af.
What are some alternatives?
jsPDF - Client-side JavaScript PDF generation for everyone.
react-dnd - Drag and Drop for React
chakra-ui - β‘οΈ Simple, Modular & Accessible UI Components for your React Applications
dnd-kit - The modern, lightweight, performant, accessible and extensible drag & drop toolkit for React.
react-pdf - Display PDFs in your React app as easily as if they were images.
react-dropzone - Simple HTML5 drag-drop zone with React.js.
officegen - Standalone Office Open XML files (Microsoft Office 2007 and later) generator for Word (docx), PowerPoint (pptx) and Excell (xlsx) in javascript. The output is a stream.
react-grid-layout - A draggable and resizable grid layout with responsive breakpoints, for React.
deno-puppeteer - A port of puppeteer running on Deno
nested-dnd - Proof of concept for doing a nested drag and drop in React
redocx - π Create word documents with React
react-draggable - React draggable component