Submitted over 3 years ago

REST Countries with Pagination using ReactJS, TypeScript, SCSS

react, sass/scss, typescript, react-router

Luka•820

@LukaKobaidze

A solution to the REST Countries API with color theme switcher challenge

Preview Code

Solution retrospective

This is my first API challenge and I learned lots of new stuff while building this project. I implemented things like Search, Pagination, Loading spinner, which I've never done before. If you have any suggestions, I would be happy to hear it

Code

Please log in to post a comment

Community feedback

Fayaz•380

@fayax555

Posted over 3 years ago

const Controls = (props: Props) => {
  const { searchValueHandler, searchedValue, searchedResult } = props;

  return (
    <div id="controls" className={classes.controls}>
      <Search
        searchValueHandler={searchValueHandler}
        searchedValue={searchedValue}
        searchedResult={searchedResult}
      />
      <Filter />
    </div>
  );
};

const Controls = (props: Props) => (
  <div id='controls' className={classes.controls}>
    <Search {...props} />
    <Filter />
  </div>
)

Do you know these two are equivalent?

Also, you can make use of absolute imports with typescript. I add "baseUrl": "." to my compilerOptions, and then I would import with import { countriesDataType } from 'data/country-data-types' instead of import { countriesDataType } from '../../../data/country-data-types'

Btw, great job on the project. It seems you've put a lot of effort on this one.

Marked as helpful

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord