Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
    Dhiraj Himani
    @dhirajhimani
    Hello Guys,
    surajnaikwade143
    @surajnaikwade143
    Hello
    Harry Liu
    @byliuyang
    Hi everyone, I am doing a research on the challenges people face in software industry. I'd like to include your opinions in this short survey: https://forms.gle/HWiJtJiJVQLxni6m6
    Ghost
    @ghost~5fc717ecd73408ce4ff576ae

    Hi Everyone, What is the best way to handle the state for the block based editor. I have added the detailed explanation in this stack overflow question. Please help.

    https://stackoverflow.com/questions/65101783/how-to-split-state-to-avoid-rerender-in-react-app

    mani13211
    @mani13211
    hello ,any react programmer here?
    anyone available?
    Ajay Prabhakar
    @Chromicle
    Hello guys,
    During this lockdown, I tried out new UI designs using Flutter which turned out really awesomeπŸ“±.
    You can find these designs on my GitHub:
    https://github.com/Chromicle/awesome-flutter-ui
    please give a star⭐️ if you like them, any feedback is welcome
    Naim Bouallagui
    @naimbouallagui
    @mani13211 how can i help ?
    Peter Sutton
    @dj-foxxy
    If a component's constructor is call will componentDidMount always be called or are the situations where a component is constructed but not mounted?
    Emmett09
    @Emmett09
    Anyone good with React that might wanna help me out?
    Mohamad Jawhar
    @mhmdjaw
    Hey guys,
    Naim Bouallagui
    @naimbouallagui
    Hi
    Mohamad Jawhar
    @mhmdjaw
    I made an algorithm visualizer using react. Check it out, the visualizations are stunning.
    Hope you like it :)
    Florian Rappl
    @FlorianRappl
    Looks great - good job @mhmdjaw !
    Naim Bouallagui
    @naimbouallagui
    @mhmdjaw great job
    Mohamad Jawhar
    @mhmdjaw
    Thank you!!
    Emmett09
    @Emmett09
    would anyone be able to help me some react code?
    Mohamad Jawhar
    @mhmdjaw
    What's the problem you're facing?
    Johan
    @ninhc1010l
    Hi, anyone used to embed a deep link to reactjs web-app?
    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