airbnb/javascript

JavaScript Style Guide

Shrugsy

@Shrugsy

Are there plans for the React portion of the guide to be updated further? Given the way it refers to function components as stateless and only recommending them if you don't have state or refs, I feel like it hasn't been updated to reflect the introduction of hooks
https://github.com/airbnb/javascript/tree/master/react#class-vs-reactcreateclass-vs-stateless

Jordan Harband

@ljharb

it has indeed not been updated for that

Richard Sithole

@Sliqric7053

Hi there

I have an async function which I would like to convert to an Observable stream (using rxjs operators). The await calls must execute in the order they appear in the function.

async authenticateUser(profile: Profile): Promise<any> { 
  let authCookie: any;  

   try { 
         authCookie = await getCookie(); 
    } catch (error) { 
           console.error(error); 
     }  

   if (!authCookie || authCookie?.length < 1) { 
            cancelAuthenticationCookieGet(); 
            throw {message: "login failed", status: -2}; 
      }

    await saveProfileAsync(profile);  

    await storeCurrentAuthCookieAsync(authCookie); 

    storeSessionStorage();  

    await setPartitionSessionCookie(profile.url, authCookie); 
}

Is there a clean way to accomplish the above?

Mile Mijatović

@mijatovicmile

I have one JavaScript specific question

If we have an array of 5 numbers, and the task is to pack their binary values into a single integer

How to do that , any solution for that?

Jordan Harband

@ljharb

this isn't a general js help channel, it's for airbnb's javascript styleguide.

Mile Mijatović

@mijatovicmile

Ok, never mind

Do you have an idea how to solve that ?

Jordan Harband

@ljharb

i don't know what you mean by "binary values"

are they all of fixed width?

Mile Mijatović

@mijatovicmile

@ljharb Why enzyme ?

I saw that you are contributor

description is :

Enzyme is a JavaScript Testing utility for React that makes it easier to test your React Components' output. You can also manipulate, traverse, and in some ways simulate runtime given the output.

Why we can't do that with just jest

too many yarn or npm packages can lead to enormous bundle size

Jordan Harband

@ljharb

jest is a test runner. Enzyme is a react testing library. You can use any test runner, but you have to use one - and none of them let you test react

and bundle size is irrelevant for tests

Mile Mijatović

@mijatovicmile

Yes, I understand

But I have one issue, because I created app with yarn create react-app ... and by default I got setupTests.js file with import '@testing-library/jest-dom/extend-expect';

I deleted all three default @testing-library... packages

I am not sure how to set up setupTests.js file according to the enzyme test runner instead of default @testing-library...

any advice will be appreciate

Jordan Harband

@ljharb

react-testing-library and enzyme are both react testing libraries. you'd need one or both, combined with something like jest

enzyme's repo has docs with a jest setup guide

Mile Mijatović

@mijatovicmile

Thank you

Bhargav yadati

@bhargavdt3

Any idea, How to get a left position of an element which is in iframe, and both iframe and parent document bodys are set with zoom : 1.2 and zoom 0.9

Vyacheslav

@Voronenko

s4cr

@s4cr

hello

Shao Chenyang

@G11Max

Do facebook, Google or some other “big” companies use Domain Driven Design principles developing their applications?

tuerfight

@tuerfight

Is there a way to write dynamic form in play(scala) without using React(or teah like that) just use normal html and js (if possible not use @helper)? For example, a form to let user write setting for servers, we don' t know how many settings they will make so we use a

Form(serversetting:List[ServerSetting])     serversetting->list(mapping(id->number,purpose->Text)(ServerSetting.apply)(ServerSetting.unapply))

data structure. In this case, what is the best way to write the html code?

available12

@available12

hello guys i need help..I have a bot Mod for my stream..he is always on in the vps ...there is any way to make the bot join only if steam on..and leave automaticly if it off...is that possible, please help

Jordan Harband

@ljharb

this is a channel for airbnb's styleguide, which is all about using react and server-rendering, so spa, angular, and vue are three inapplicable topics here.

ProXkilleR0

@ProXkilleR0

What kind of website app or tools is mostly demanded by people?I am thinking of creating a finance website but which kind of website may create huge traffic and subscribtions?

Ghost

@ghost~52d5532bed5ab0b3bf053fed

hellooo can I rent my room here os is this just a chat

Jordan Harband

@ljharb

just a chat about airbnb's javascript styleguide

Julian Zhu

@OrangeBorning

Does anybody know a room about Micro frontends

Jordan Harband

@ljharb

no, but this channel is about airbnb's javascript styleguide repo.

therialdeal

@therialdeal

Is there a typescript style guide?

Jordan Harband

@ljharb

airbnb does not have a public one, no

Jordan Harband

@ljharb

@SeanFullstack it's highly inappropriate to post job postings on something that's not a jobs board. i'll delete your posts now, if you continue to do so, you'll be banned.