DEV Community: Momen Hesham

webfont loader with react

Momen Hesham — Tue, 24 Mar 2020 19:07:07 +0000

I am working on a project has a font tester I should load fonts from API's, but I research about how to use dynamic font-faces or any package and not result,
any help?

Nested Array Inside Formik

Momen Hesham — Sun, 08 Mar 2020 10:51:41 +0000

I am trying to write a nested array of items inside Formik, with the Field I am okay but with the ImageField it's a component I wrote for uploading images, I need to give it a key of the array like the field but I tried many solutions none of them is working, any help with this?

                          else if (data.type === "items") {
                            console.log(formikBag);
                            const dataKey = data.key + suffix;
                            return (
                              <>
                                <FieldArray name={dataKey}>
                                  <React.Fragment>

                                    {data.items &&
                                      data.items.length > 0 &&
                                      data.items.map((item, index) => {
                                        // tslint:disable-next-line: no-shadowed-variable
                                        const { key, title } = item;
                                        if (item.type === "text") {
                                          return (
                                            <Field
                                              name={`${dataKey}[${index}].${key}`}
                                              component={TextField}
                                              margin="normal"
                                              variant="outlined"
                                              placeholder={title}
                                              required={true}
                                              label={title}

                                            />
                                          )
                                        }
                                        else if (item.type === "image") {
                                          return (
                                            <ImageField
                                              value={(formikBag.values as any)[data.key]}
                                              error={(formikBag.errors as any)[data.key]}
                                              setValue={value =>
                                                formikBag.setFieldValue(data.key as string, value)
                                              }
                                            />
                                          )
                                        }
                                      })}

                                  </React.Fragment>
                                </FieldArray>

                              </>
                            )
                          }

what are your criteria for review front-end

Momen Hesham — Fri, 16 Mar 2018 17:11:23 +0000

Front-end Coding Standards

I try to discover a way to make my code so simple, so clear, but simply one of the principles of the right code as I think, let's put a list of criteria of good
front-end code?

Beginners, which knowledge they should have?

Momen Hesham — Wed, 07 Mar 2018 18:06:25 +0000

as a beginner, I face problems, a lot of people tell me If I study a CS I will not face same problems, can you help me with suggesting paths I can take or books I can read it?