JSDoc
react-use
Our great sponsors
JSDoc | react-use | |
---|---|---|
67 | 58 | |
14,735 | 40,251 | |
0.8% | - | |
9.3 | 6.4 | |
3 days ago | 16 days ago | |
JavaScript | TypeScript | |
Apache License 2.0 | The Unlicense |
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.
JSDoc
-
Eloquent JavaScript 4th edition (2024)
I wholeheartedly agree. At most, I introduce JSDoc[1] to newer developers as standardising how parameters and whatnot are commented at least gets you better documentation and _some_ safety without adding any TS knowledge overhead.
-
Learn how to document JavaScript/TypeScript code using JSDoc & Typedoc
This is where JSDoc comes to save the day.
-
Add typing to your Javascript code (without Typescript, kinda) βπΌ
The best way to do this, of course, is with JSDoc. But something I always found awkward about jsdoc is defining the object types in the same file. So, after a lot of reading, I found a way to combine JSDoc with declaration type files from Typescript. Let me give you an example:
-
What is JSDoc and why you may not need typescript for your next project?
There is a lot of specific symbols presented on the JSDOC specification that can be found here: https://jsdoc.app
-
TypeScript Might Not Be Your God: Case Study of Migration from TS to JSDoc
JSDoc is a specification for the comment format in JavaScript. This specification allows developers to describe the structure of their code, data types, function parameters, and much more using special comments. These comments can then be transformed into documentation using appropriate tools.
-
Adding a search feature to my app
Working with new features, frameworks, and tools, the experience of reading documentation is a critical part of it. I have been lucky to work with projects that feature really easy to read documentation such as USWDS and Bun, but I've also had the misfortune to work with pretty terrible documentation like JSDoc. The JSDoc documentation lacks a search field which makes searching for specific items an ordeal and also does not cover many hidden use cases. It provides less than the bare minimum for what it needs to do - a lot of the time I am forced to rely on external user documentation elsewhere to use JSDoc effectively. That was why I was drawn to the search field in particular in Docusaurus.
-
JavaScript First, Then TypeScript
The Svelte team followed suit but motivated by the maintainer's developer experience as they migrated the project away from TypeScript in favor of plain JSDoc comments for type annotations instead.
-
No comments. Now what?
Even more relevant, tools like Javadoc, JSDoc, Doxygen, etc. read comments in a specific format to generate documentation. These comments do not affect readability. On the contrary, Javadocs are great for explaining how to use these entities. Combined with tools like my dear Doctest, we even get guarantees of accuracy and correctness!
-
The Complete 2023 Guide to Learning TypeScript - From Beginner to Advanced
Document types with JSDoc annotations
-
My opinionated JavaScript package template repository - zero config, start immediately
π JSDoc for documentation and jsdoc-to-markdown to create docs as markdown files
react-use
-
Ultimate Guide & Resources to Enhancing Your ReactJS Skills || 16 GitHub repositories
Discover a collection of custom React hooks for supercharging your app's functionality.
- small and efficient useBreakpoints hook
-
UseHooks β A Collection of Server Component Safe React Hooks
How do these compare with the current heavyweight library?
-
This package simplifies async data handling in your React apps
What's the benefit over useAsync and friends?
-
Manipulating nested objects inside state
try this one: https://github.com/streamich/react-use/blob/master/docs/useSetState.md
-
5 Great Custom Hooks For Your React Project
One use case for the useWindowSize hook, which belongs to react-use, is for responsive design. The useWindowSize hook keeps track of the size of the browser window which makes it possible to apply different styles (layouts, displays, etc.) to user interfaces at different sizes. It returns an object containing the current width and height of the window.
-
7 Really Helpful GitHub Repositories for React Developersππ―
Link: https://github.com/streamich/react-use
-
16 Github Repos to master React
10-) Sometimes when hooks are not enough for you, you may feel the need to write Custom Hooks. A great Custom Hook List that will make your job easier react-use beautiful-react-hooks
-
UseContext React: Data doesn't transfer from Login component to SideBar component
What you are looking for can be achieved a few ways. React-use has global context hook that is pretty handy but I prefer to store the data in my db, then fetch the data into your sidebar component. React-use
-
React-use (React Hooks)
React-use is the package that provides many useful react hooks that we can use to build the UI more efficiently. It provides the hooks related sensors, ui, animations, side-effects, lifecycles, state and etc.
What are some alternatives?
ESDoc - ESDoc - Good Documentation for JavaScript
usehooks-ts - React hook library, ready to use, written in Typescript.
documentation.js - :book: documentation for modern JavaScript
rooks - Essential React custom hooks β to super charge your components!
Docusaurus - Easy to maintain open source documentation websites.
milkdown - πΌ Plugin driven WYSIWYG markdown editor framework.
apiDoc - RESTful web API Documentation Generator.
react-helmet - A document head manager for React
YUIDoc - YUI Javascript Documentation Tool
joystick - A full-stack JavaScript framework for building stable, easy-to-maintain apps and websites.
storybook - Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.
SvelteKit - web development, streamlined