Giter VIP home page Giter VIP logo

twitter_clone's Introduction

React Project

description:

Components:
Все компоненты хранятся в папке /src/components
Я разделил проект на страницы и в папке /src/components/Pages хранится каждая страница

State:
Я использовал state. К примеру при работе с новстной API, я хранил все новости в state
Путь до страница новостей /src/components/Feed.js

API Request:
В компоненте /src/components/Feed.js я релизовал работу с новостной API.
Она возвращает массив из подобных JSON-ов:
{
    author: "Daniel Drake"
    content: "Dopisy byly odesílány z pot, které nedisponují kamerovým systémem. Kuleba uvedl, e odesílatelé udlali hodn pro to, aby skryli svoji totonost a zahladili stopy.\r\nZloinci také pijali opatení, aby na zá… [+1350 chars]"
    description: "Jednatřicet ukrajinských zastupitelských úřadů v patnácti různých zemí obdrželo v posledních dnech podezřelé nebo výhrůžné dopisy, většina z nich obsahovala zakrvácené zvířecí oči. Podle ukrajinského ministra zahraničí Dmytra Kuleby byla adresa odesílatele u …"
    publishedAt: "2022-12-08T07:54:04Z"
    source: {id: null, name: 'Novinky.cz'}
    title: "Adresa odesílatele obálek se zvířecíma očima: pobočka Muskovy Tesly"
    url: "https://www.novinky.cz/clanek/valka-na-ukrajine-adresa-odesilatele-obalek-se-zvirecima-ocima-pobocka-muskovy-tesly-40416790"
    urlToImage: "https://d15-a.sdn.cz/d_15/c_img_QJ_s/axhIO/policie-brno.jpeg?fl=cro,0,1,848,477%7Cres,1200,,1%7Cwebp,75"
}
После отрисовывал компоненты новостей OneNews

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.