Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
    Kontributer
    @Kontributer
    Very nice @mhmdjaw
    Naim Bouallagui
    @naimbouallagui
    Hi guys,
    I'm working on a MERN project , in the front i need to display my data in an editable cell table ( so im using material table) and a dragable rows ( i want to use a react-beautiful-dnd package) but i didn't find an exemple to combine them together !
    Anyone can help here !
    And thanks
    Shaw
    @xiaoxiaojx
    Hello guys
    Can I share my repository here?
    And you can easily write a ✨ ✨ ✨ react-scripts ✨ ✨ ✨ based on this
    github: https://github.com/ezrealjs/ezreal/ ❤️ Hope to get star ❤️
    It mainly solves the particularly complex case of webpackConfig, and may be very useful for cli tools.
    idir
    @iDumbo_gitlab
    Hello all how can change the handlerOnMove function in other handler function in react exemple :
    class BasicComponent extends React.Component {
    
      constructor (props){
        super(props)
        this.state = {
          id: "id",
          title: "component",
          inputs: [],
          outputs: [],
        }
    
        this.handleClick = this.handleClick.bind(this)
        this.handleMouseDown = this.handleMouseDown.bind(this)
        this.handleMouseUp = this.handleMouseUp.bind(this)
        this.handleMouseMove = this.handleMouseMove.bind(this)
    
      }
        render() {
            console.log("render");
            return(
              <div  className="component" 
                    onMouseDown={ this.handleMouseDown } 
                    onMouseUp={ this.handleMouseUp }
                    onMouseMove={ this.handleMouseMove }>
                <div className="title">Title</div>
                <div className="id">ID: c_356545454</div>
                <div className="inputs">inputs</div>
                <div className="core">core</div>
                <div className="outputs">outputs</div>
              </div>
            );
        }
    
        handleClick() {
        }
    
        handleMouseDown() {
          console.log("handleMouseDown");
        }
    
        handleMouseUp() {
          console.log("handleMouseUp");
        }
    
        handleMouseMove() {
          console.log("handleMouseMove");
          this.handleMouseMove = null  <===== a want to change the hundler or disabled here 
        }
    
    }
    Mario Iliev
    @mario-iliev
    Hey guys. Recently I published easy to use but also flexible global state manager. Removes all the hustle from Redux based state managers.
    I really hope it'll be useful to you!
    Sourav Dey
    @Souravdey777

    Hi guys,

    Please check out one of my new projects

    👉🏻https://flexbox-guide.souravdey777.vercel.app/

    GIF

    ⚡ Flexbox-Guide is a website developed for web developers and 👨‍💻Coding newbies learning CSS Flexbox Layout. This website can be used for both learnings or generating the code. Simply arrange the flex items as you need and copy the CSS to your code. 👨‍🚀

    Loved it!. ⭐ Star the Repository and support the project.
    👉🏻https://github.com/Souravdey777/flexbox-guide

    Show more love ❤ by upvoting it in Product Hunt
    👉🏻https://www.producthunt.com/posts/flexbox-guide

    Hi guys,

    Please check out one of my new projects

    👉🏻https://flexbox-guide.souravdey777.vercel.app/

    GIF

    ⚡ Flexbox-Guide is a website developed for web developers and 👨‍💻Coding newbies learning CSS Flexbox Layout. This website can be used for both learnings or generating the code. Simply arrange the flex items as you need and copy the CSS to your code. 👨‍🚀

    Loved it!. ⭐ Star the Repository and support the project.
    👉🏻https://github.com/Souravdey777/flexbox-guide

    Show more love ❤ by upvoting it in Product Hunt
    👉🏻https://www.producthunt.com/posts/flexbox-guide

    Built on react
    Miroslav Nikolov
    @moubi_twitter

    Hello.

    I have started a new series at webup.org/blog called React Patters. It is intended to cover non-trivial component patterns in React.

    Here is the first post React Patterns: A Component with Unknown Content Variants

    Siemienik Pawel
    @Siemienik
    Hi everyone, I want to announce that the xlsx-renderer v2.4.0 has been released.
    https://github.com/Siemienik/XToolSet/releases/tag/xlsx-renderer-v2.4.0
    That introduce 2 new features that kick the functionality off :) Give it a review, we are very, very curious what do you think about our library ;)
    5P4RK3R
    @5P4RK3R
    In React hooks, is there a way to call api and do calculations before rendering the chart?. It happens only after render, any thoughts on this?
    Jaakko Kytölä
    @jkytoela
    Hey everyone, I made a startup landing page template. Let me know what you think? Github: https://github.com/jkytoela/next-startd / Live: https://next-startd.vercel.app/
    Guilherme Samuel
    @gsdeveloper
    @5P4RK3R make your chart component render only when data is fetched successfully
    use conditional rendering, like isSuccess && <Chart />
    If you prefer to not render your entire page (Imo is bad for user experience), just level up to your entire component isSuccess ? <Page /> : null
    Guilherme Samuel
    @gsdeveloper
    In these examples isSuccess is a state value that's set as true when your fetch is successful
    @jkytoela looking cool
    Sadanand Akshay Pai
    @sadanandpai
    A collection of JavaScript modern interview code challenges for beginners to experts
    https://github.com/sadanandpai/javascript-code-challenges
    Baruch Yochai
    @baruchyochai

    Hi Everyone,

    Error: Couldn't find a style target. How to fix it?

    I had a CSR app and now implemented Server-Side Rendering (SSR) with React, and get this error

    Error: Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid

    Get this error when I run the server and try to access the page.
    Tech sack in use: nodejs, reactjs, antdesign, babel and webpack.
    I already tried a lot of solutions from StackOverflow and other sources, nothing helped! Please, help me to solve it.

    Thank you!

    1 reply
    Sultan Haider
    @sultan-haider

    Hey There,
    I have been trying to run my react application on a subdirectory .
    I am using a load balancer (ALB) to and redirecting my application on "directory" from "https://mydomain/directory".
    But static file of the build was not being found by my application

    1. added direcctory on package.json. "homepage": "/directory"
    2. added basename on react-router-dom

    in my networks index.html is looking for ".#####/directory/static/js" and css in the same way

    i am only able to run my react build by redirecting static request to my react build, but this is not the good solution because i want to run 3 applications on my ALB and this will cause me change my assets folder name manually in the build, obviously don't want to do that.
    I have been applying multiple solutions but couldn't find a proper solution please someone help in this.😑

    m3tpfbzr
    @m3tpfbzr
    Hey All,
    Can I ask something about Java here?
    Shingo OKAWA
    @ognis1205
    Hi there, I'm newbie here and React.js. Recently I implemented NES emulator on TypeScript/React.js. Please check it out! (Still WIP and some codes are still messy though)
    https://github.com/ognis1205/nests
    Marc
    @Markcial

    Hi good morning, I would like to have some feedback about this https://github.com/Markcial/inducer
    Is it already done elsewhere? Is there something that can be done better?
    Can I get the TS compiler to be able to type hint the actions?
    Can i have a partial shape for the state but not making it all optional?

    thanks

    ignascode
    @ignascode
    image.png
    Hello, I am new with React and I face some issues. After I add onClick attribute to execute function it does not execute. Maybe anyone can advise me why it is so ?
    image.png
    image.png
    Matteo Bruni
    @matteobruni
    Hi guys, I created this CodeSandbox sample https://codesandbox.io/s/tsparticles-confetti-2zql1 with a confetti animation made with tsParticles for React
    Mayank Aggarwal
    @Mayank0255

    Hello everyone,
    This is Mayank Aggarwal, and I'm a pre-final year student at Manipal University Jaipur pursuing BTech in Information Technology.

    Portfolio - https://mayank0255.github.io
    GitHub - https://github.com/Mayank0255
    Linkedin - https://www.linkedin.com/in/mayank-aggarwal-14301b168/

    Olusola Ajayi
    @ebzeal
    Hi guys, I am trying to rotate images in an array, this array consists of URLs of images from azure. How do I rotate these images to like 90 degrees?
    Sultan
    @sultan99
    use css to rotate them
    Alamgir Ahamed Saif
    @alamgir72435
    Hyy. everyone
    @sultan99
    Saptak Bhoumik
    @SaptakBhoumik

    Hi good morning, I would like to have some feedback about this https://github.com/SaptakBhoumik/WebPlus
    Is there something that can be done better?It

    thanks

    Yifan Ai
    @yifaneye
    Hi everyone!
    To learn hooks, I wrote a Carousel component with support for touch, mouse dragging, lazy loading, pinch to zoom, thumbnails, modal and keyboard navigation.
    The source code is at https://github.com/yifaneye/react-gallery-carousel.
    The live demo is at https://yifanai.com/rgc.
    I would love to hear your feedback and recommendations! :)
    Thank you in advance!
    Saptak Bhoumik
    @SaptakBhoumik
    @yifaneye it's great
    Hi everyone, I wrote a web browser in python
    using the pyqt5 framework and I would like to have some feedback about this. Source code is at :- https://github.com/SaptakBhoumik/WebPlus
    Is there something that can be done better?
    I would love to hear your feedback and recommendations! :)
    Thank you in advance!
    Dev-Lorenzo Satta Chiris
    @devlorenzo:matrix.org
    [m]
    The most complete javascript cheat sheet and resource compilation you can find online!
    https://dev.to/devlorenzo/200-js-resources-to-master-programming-3aj6
    Kontributer
    @Kontributer
    I didn’t get far, but that cheat sheet has bad info. Scoping is not determined by the keyword constructor; var, let, and const can all be globally defined as well as block-scoped. The context in where they are defined is pertinent to their characteristics.
    Dev-Lorenzo Satta Chiris
    @devlorenzo:matrix.org
    [m]

    Thx for your feedback, I modifed that, even if I'm not completly sure that's wrong.

    but that cheat sheet has bad info
    You know, it took me 8 hours to write, so obviously let me know what other I can improve...

    @Kontributer

    Kontributer
    @Kontributer
    Nice work. Keep it up. I’d recommend using MDN as opposed to W3Schools. Also, the for-loop, instead of statements labeling what those statements are (control/setup, condition expression, iteration/stepwise expression).
    1 reply
    Dev-Lorenzo Satta Chiris
    @devlorenzo:matrix.org
    [m]
    Mayank Aggarwal
    @Mayank0255

    Hello everyone

    I am Mayank Aggarwal, a 3rd year student pursuing Btech in Information Technology from Manipal University Jaipur.

    I am here to grow as a developer with a set of like minded people

    Check me out at

    Portfolio: https://mayank0255.github.io/
    GitHub: https://github.com/Mayank0255
    Linkedin: https://www.linkedin.com/in/mayank-aggarwal-14301b168

    Didier Boivin
    @DidierBoivin
    Hi
    How to pass a geojson object with setState
    I have a message Error: Objects are not valid as a React child (found: object with keys {type, coordinates}). If you meant to render a collection of children, use an array instead.
    How can I fix it
    Thanks
    Devin
    @demitchell14
    Hello guys.. I have a pretty niche question I feel like for CRA development.
    I use the proxy feature of CRA to point to a domain, however, the IP attached to the domain changed, forcing me to change DNS. I know DNS takes a while to propagate, however, I know for a fact everything is propagated correctly because the website now works correctly everywhere, except when using it with the CRA proxy.
    I'm just curious if anyone knows of a way to reset http cache within NPM (or wherever this is stored, because I'm not entirely sure).